Syntax HTML

Struktur Dasar-Dasar dalam mempelajari HTML
 Struktur Dasar kode HTML :

<html>
<head>
<!--ini adalah bagian Header-->
<tittle> Judul Situs anda </tittle>
</head>
<body>
<!--tempat menuliskan kode-->
</body>
</html>

Demikianlah Garis besar struktur dalam Perundang-undangan Bahasa HTML dari awal hingga akhir.

 Dalam memahami bahasa Html tentu kita harus mengerti bahasa syntax maka dengan ini akan dijelaskan satu persatu ;
<!--xxxxxx--> : Ini digunakan para programmer untuk menuliskan komentar, namun komentarnya tidak dikeluarkan di browser, contohnya :
<!-- Ini adalah komentar dan tidak akan ditampilkan di browser -->

Lanjutkan membaca Artikel Ini

====================================================================
Pelajaran Syntax HTML Kedua ini memahami bahasa-bahasa perintah pada HTML secara mendalam

BAB <address>

berfungs untuk mendefiniskan informasi kontak pada halaman situs atau web biasanya digunakan sebagai signature pada situs tersebut.

Contohnya :
<body>
<address>
Elfiansyah Elham<br>
<a href="elfiansyah.spd@gmail.com">KIRIM EMAIL</a><br>
Alamat : Jl Tri Bakti RT 10 Sindangsari Sambutan Kota Samarinda
Telp:+62541-6242753
</address>
</body>

Demikianlah maksud kata perintah diatas dan jika kita Praktekkan maka akan menjadi sperti dibawah ini :


Elfiansyah Elham

KIRIM EMAIL

Alamat : Jl Tri Bakti RT 10 Sindangsari Sambutan Kota Samarinda

Telp:+62541-6242753

BAB <b>

Berfungsi untuk mencetak tebal suatu teks
Contohnya :
<b>Text dicetak tebal ya karena sudah saya perintahkan nich</b>

Baca Selengkapnya >>>

====================================================================
Dalam pelajaran ini kita memasuki bahasa perintah  Syntax HTML <blockquote> & <bdo>

BAB <bdo>

Berfungsi menentukan arah teks
Contohnya :
<bdo dir="ltr">Ini contoh teks LTR (Left to Right)</bdo>
<bdo dir="rtl">Ini contoh teks RTL (Right to Left)</bdo>

Mudahkan bahasa perintahnya kita lanjutkan pelajarannya
===================================================================
Bab <big>

Berfungsi membuat teks menjadi berukuran besar
Contohnya :
<big> Tulisanku Membesar</big>
Jika di visualisasikan maka seperti dibawah ini :

Tulisanku Membesar

===================================================================

BAB <blockquote>

Berfungsi mendefinisikan pendapat yang panjang sehingga browser anda akan menambahkan spasi kosong sebelum dan sesudah elemen ini atau biasanya disertakan simbol-simbol.
Contohnya :
<blockquote>
Dapatkan Buku Mahir menganalisa pergerakan harga dan membuat Expert Advisor tanpa guru dengan logika sendiri, buku yang menjadi TOP RATE tahun 2015 dengan pemesan terbanyak.
</blockquote>

Baca Selengkapnya >>>
======================================================================
Kita melanjutkan pelajaran Bahasa Syntax HTML

BAB <button>

berfungsi mendefinisikan sebuah tombol pada halaman situs atau web
contohnya :
<button type="submit">Klik disini untuk menyimpan ya</button>

jika divisualisasikan seperti dibawah ini :
=================================================================
BAB <caption>

Berfungsi mendefinisikan judul pada tabel
Contohnya :
<table border="1"
<caption>DAFTAR KORUPTOR</caption>
<tr>
<th>BERITA</th>
<th>Nama Koruptor</th>
</tr>
<tr>
<td>Detik</td>
<td>Si Fulan</td>
</tr>
</table>

Baca Selengkapnya >>>

=================================================================
Saat ini kita memasuki bahasa Syintax HTML yakni <dd>, <del>, <dfn>,<dir>, <dl>,<dt>,<em>

BAB <dd>

Berfungsi untuk membuat daftar item pada sebuah definition list (dl)
Contohnya :
<dl>
<dt>DAFTAR SISWA AL FUAAD FI NURIN</dt>
<dd>- Illa Billah</dd>
<dd>- Bukhori Muslim AA</dd>
<dt>DAFTAR SISWI AL FUAAD FI NURIN</dt>
<dd>- Xara Zahroh</dd>
<dd>- Uzlah Wal Afina Hasanah</dd>
</dl>

Bila di visualisasikan maka seperti contoh dibawah ini :
DAFTAR SISWA AL FUAAD FI NURIN
- Illa Billah
- Bukhori Muslim AA
DAFTAR SISWI AL FUAAD FI NURIN
- Xara Zahroh
- Uzlah Wal Afina Hasanah
====================================================================
BAB <del>

Berfungsi mendefinisikan sebuah teks yang telah dihapus (teks tercoret)
Contohnya :
<b>KHUSUS PROMO YA</b><br>
Harga Normal <del> Rp 200.000</del> Harga diskon <ins> Rp 110.000</ins>

Visualisasinya ada dibawah ini :

KHUSUS PROMO YA

Harga Normal
Rp 200.000Harga diskon
Rp 110.000
Baca Selengkapnya >>>

==================================================================== 
Pelajaran Syntax HTML fieldset font form & frame

BAB <fieldset>

berfungsi untuk mengelompokkan beberapa elemen dalam sebuah form contohnya :
<form>
<fieldset>
<legend>Buku Tamu</legend>
Nama: <input type="text" size="30" /><br/>
Email: <input type="text" size="30" /><br/>
</fieldset>
</form>

Adapun visualnya seperti dibawah ini :
Buku Tamu
Nama:

Email:

=================================================================
Baca Selengkapnya>>>

=================================================================
Pelajaran Syntax HTML noframes noscript & option

BAB <noframes>

Berfungsi untuk mengantispasi jika browser tidak medukung pengguna frame contohnya :
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm"/>
<frame src="frame_b.htm"/>
<frame src="frame_c.htm"/>
<noframes>MAAF BROWSER ANDA TIDAK MENDUKUNG </noframes>
</frameset>
====================================================================
BAB <noscript>

Berfungsi mengantisipasi jika browser tidak mendukung client side scripting atau fitur script di nonaktifkan, contohnya :
< script type="text/javascripts">
document.write("ini adalah javascript")</script>
<noscript>
Maaf Browser tidak mendukung harap periksa kembali pengaturan browser
</noscript>

=====================================================================
BAB <ol>

Berfungsi membuat daftar order atau order list adapun daftar biasanya berupa nomor atau alfabet.
Contohnya :
<ol>
<li> SITUS PROGRAMMER</>
<li> FACEBOOK</>
<li> TWITTER</>
</ol>
=======================================================================
BAB <optgroup> & <Option>

Berfungsi mengelompokkan beberapa daftar pilihan contohnya :
<select>
<optgroup label="SITUS PROGRAMMER">
<option value="expertsadvisorku.blogspot.com">Expert Advisor</option>
<option value="cahayailmunya,blogspot.com">Informasi</option>
</optgroup>
<optgroup label="BELANJA">
<option value="cahayailmunya.blogspot.com">Buku Umum</option>
<option value="duniacahayahati,blogspot.com">Buku Agama</option>
</optgroup>
</select>
Adapun visualisasinya dibawah ini :

=======================================================================
Baca Selengkapnya >>>
=======================================================================
Pelajaran Syntax HTML Script Select Strike & Span

BAB <script>

berfungsi mendefinisikan client side scripting dalam dokumen HTML

Contohnya :
<script type="text/javascript">
document.write("ini adalah javascript")
</script>
<noscript>
Browser anda tidak mendukung JAVASCRIPT, mohon periksa pengaturan pada browser
</noscript>
=================================================================
BAB <select>

Berfungsi mendefinisikan daftar pilihan, contohnya :
<select>
<option value="Daftar Isi"> Situs Expertadvisorku.blogspot.com</option>
<option value="Daftar Isi"> Situs cahayailmunya.blogspot.com</option>
<option value="Daftar Isi"> Situs duniacahayahati.blogspot.com</option>
<option value="Daftar Isi"> Situs satumenitku.blogspot.com</option>
</select>
Adapun visualnya :


==================================================================
BAB <small>

Berfungsi mendefinisikan teks berukuran kecil, contohnya :
<small>HTML adalah kode dasar untuk membuat web atau situs</small>

===================================================================
BAB <span> & <style>

Berfungsi mendefinisikan bagian tertentu dari sebuah dokumen HTML adapun Tag ini sering di gunakan bersama dengan CSS, sedangkan Style mendefinisikan informasi style pada dokumen HTML contohnya :
<head>
<style type="text/css">
span.blue (color:lightskyblue;
font-weight:bold)
</style>
</head>
<body>
Kode dasar untuk membuat web atau situs adalah :<span class="blue">HTML</span>
</body>

====================================================================
BAB <strike>

Berfungsi untuk membuat tanda coretan pada teks seperti pada tag <del>, contohnya :
<b> BUKU TERLARIS </b><br>
AL FUAAD FI NUURIN harga Normal <strike> Rp 59.000</strike> Harga diskon <ins> Rp 46.000</ins>

Adapun visualnya dibawah ini :

BUKU TERLARIS

AL FUAAD FI NUURIN harga Normal Rp 59.000 Harga diskon
Rp 46.000
=====================================================================
BAB <strong>

Berfungsi mempertegas tampilan suatu teks, contohnya ;
Buku Mahir menganalisa pergerakan harga dan membuat Expert Advisor (EA) adalah : <strong> Buku Rujukan Trader</strong>
Visualisasinya adalah :
Buku Mahir menganalisa pergerakan harga dan membuat Expert Advisor (EA) adalah : Buku Rujukan Trader
=====================================================================
Baca Selengkapnnya >>>
 ====================================================================
Perjalanan Syntax HTML Table Textarea & Tittle

BAB <table>, <td>, <th> & <tr>

Berfungsi membuat tabel dalam halaman situs atau web, adapun <td> berfungsi mendefinisikan kolom dalam table sedangkan <th> berfungsi mendefinisikan bagian atas dalam table serta <tr> berfungsi mendefinisikan baris dalam table (kotak), contohnya :
<table border="1">
<caption>Daftar Situs</caption>
<tr>
<th>Pemograman</th>
<th>Penjualan</th>
</tr>
<tr>
<td> Visual Basic</td>
<td> Buku Online</td>
</tr>
</table>
Visualisasinya seperti yang ada dibawah ini :
Daftar Situs
Pemograman Penjualan
Visual Basic Buku Online

=======================================================================
BAB <textarea>

Berfungsi mendefinisikan multiline input, contohnya :
<textarea rows="2" cols="40">Salah satu buku yang digemari para trader adalah : "Mahir Menganalisa pergerakan harga dan membuat Expert Advisor tanpa guru dengan logika sendiri" dalam hal ini banyak para trader menjadikan buku ini sebagai rujukan</textarea>

Visualisainya seperti dibawah ini :

========================================================================
 BAB <textarea> & <Style>

Berfungsi mendeinsikan multiline input dan mengatur tinggi dan besar suatu area, sehingga bisa diatur tinggi dan lebarnya adapun contohnya :
<textarea cols="40" rows="2" style="height: 75px; width: 355px;">Salah satu buku yang digemari para trader adalah : "Mahir Menganalisa pergerakan harga dan membuat Expert Advisor tanpa guru dengan logika sendiri"dalam hal ini banyak para trader menjadikan buku ini sebagai rujukan</textarea>
Adapun Visualisasinya seperti ini :



Dapat diatur tinggi dan lebarnya (height & width)

=========================================================================

BAB <tittle>

Berfungsi mendefinisikan judul pada dokumen HTML, contohnya :
<head>
<tittle>JUDUL SITUS</tittle>
</head>

BAB <u>

Berfungsi mendefinisikan untuk menambahkan garis bawah suatu text, Contohnya :
<u> Teks ini bergaris ya</u>

Visualisasinya adalah :
Teks ini bergaris ya
=========================================================================

BAB <ul>

Berfungsi untuk membuat daftar yang tak berurut (unordered list) menggunakan simbol bullets, contohnya :
<ul>
<li>Al Fuaad Fi Nuurin</li>
<li>Mahir menganalisa pergerakan harga</li>
<li>Nahwu Shorof Bagi pemula dan lanjut usia</li>
</ul>
Visualisasinya seperti dibawah ini :
  • Al Fuaad Fi Nuurin
  • Mahir menganalisa pergerakan harga
  • Nahwu Shorof Bagi pemula dan lanjut usia
=========================================================================

Silahkan juga membaca cara membuat aplikasi dengan bahasa pemrograman Php, Javascript (ajax), Javasript(js) :

Komentar