Dasar-dasar HTML
Dasar-dasar HTML merupakan sesuatu yang sangat penting bagi orang yang ingin menjadi <a href="#">web programmer</a> atau pun <a href="#">web developer</a>
ataupun <a href="#">web master</a>. Karena <a href="#">tag</a> HTML lah yang dapat dibaca oleh browser.
<div id="listcode">Struktur tag HTML.
1 <HTML>
2 <HEAD>
3 <TITLE>
4 </TITLE>
5 </HEAD>
6 <BODY>
7 </BODY>
8 </HTML>
</div>
<i>Catatan: No di atas hanya untuk memudahkan penjelasan penulis saja.</i>
Tag HTML selalu ditulis dalam "< >". Didalam HTML kita mengenal tag awal dan tag akhir. Tag awal ditulis "<tag>" dan
tag akhir "</tag>".
Perhatikan struktur tag di atas.
Pada baris No.1 dan No.8. Baris No.1 merupakan tag awal dan baris no.8 merupakan tag akhir.
Pada baris No.2 dan No.5. Baris No.2 merupakan tag awal dan baris No.5 merupakan tag akhir.
Tag-tag dalam HTML merupakan tag-tag yang selalu berpasangan. Penulisannya adalah dengan berurut.
Sebuah tag tidak boleh ditulis melewati tag lainnya, sebelum tag tersebut diakhiri.
<div id="listcode">Contoh dibawah ini merupakan kesalahan dalam menulis tag-tag dalam HTML.
1. <HTML>
2. <HEAD>
3. <TITLE>
4. </HEAD>
5. </TITLE>
6. <BODY>
7. </BODY>
8. </HTML>
</div>
Tag </HEAD> pada baris 4 ditulis sebelum tag </TITLE>. padahal kita ketahui penulisan tag awalnya <HEAD> sebelum tag <TITLE>.
Pada kasus ini seharusnya tag <TITLE> diakhiri terlebih dahulu dengan </TITLE> baru selanjutnya mengakhiri tag head </HEAD>
bagaimana apakah masih kebingungan.
Perhatikan ilustrasi berikut, jika anda masih kebingungan terhadap penjelasan penulis di atas. Jika sudah mengerti abaikan saja.
<div id="listcode">
1. ---<HTML>
2. | ---<HEAD>
3. | |
4. | |
5. | ---</HEAD>
6. |
7. | ---<BODY>
8. | |
9. | |
10. | ---</BODY>
11. ---</HTML>
</div>
Penulisan baris program dapat menggunakan aplikasi<a href="#">text editor</a> baik yang ber lisensi maupun <a href="#">open source</a>.
Beberapa aplikasi text editor yang dapat anda gunakan adalah:
1. <a href="#">notepad</a>. Notepad merupakan aplikasi text editor yang dibuat oleh perusahaan <a href="#">Microsoft Corp</a>.
Notepad dibundel bersama Sistem Operasi Windows.
2. <a href="#">Microsoft Frontpage</a>. Microsoft Frontpage merupakan aplikasi pembuatan web yang dibuat oleh Microsoft Corp.
3. <a href="#">Dreamweaper</a>. Dreamweaper merupakan aplikasi teks editor yang dibuat oleh perusahaan adobe.
Klik <a href="menyimpanfile.htm"> Selanjutnya</a> untuk belajar HTML.
Baca Juga:
1. <a href="#">Belajar CSS</a>
2. <a href="#">Belajar PHP</a>
3. <a href="#">Belajar Basis Data</a>
Dasar-dasar HTML merupakan sesuatu yang sangat penting bagi orang yang ingin menjadi <a href="#">web programmer</a> atau pun <a href="#">web developer</a>
ataupun <a href="#">web master</a>. Karena <a href="#">tag</a> HTML lah yang dapat dibaca oleh browser.
<div id="listcode">Struktur tag HTML.
1 <HTML>
2 <HEAD>
3 <TITLE>
4 </TITLE>
5 </HEAD>
6 <BODY>
7 </BODY>
8 </HTML>
</div>
<i>Catatan: No di atas hanya untuk memudahkan penjelasan penulis saja.</i>
Tag HTML selalu ditulis dalam "< >". Didalam HTML kita mengenal tag awal dan tag akhir. Tag awal ditulis "<tag>" dan
tag akhir "</tag>".
Perhatikan struktur tag di atas.
Pada baris No.1 dan No.8. Baris No.1 merupakan tag awal dan baris no.8 merupakan tag akhir.
Pada baris No.2 dan No.5. Baris No.2 merupakan tag awal dan baris No.5 merupakan tag akhir.
Tag-tag dalam HTML merupakan tag-tag yang selalu berpasangan. Penulisannya adalah dengan berurut.
Sebuah tag tidak boleh ditulis melewati tag lainnya, sebelum tag tersebut diakhiri.
<div id="listcode">Contoh dibawah ini merupakan kesalahan dalam menulis tag-tag dalam HTML.
1. <HTML>
2. <HEAD>
3. <TITLE>
4. </HEAD>
5. </TITLE>
6. <BODY>
7. </BODY>
8. </HTML>
</div>
Tag </HEAD> pada baris 4 ditulis sebelum tag </TITLE>. padahal kita ketahui penulisan tag awalnya <HEAD> sebelum tag <TITLE>.
Pada kasus ini seharusnya tag <TITLE> diakhiri terlebih dahulu dengan </TITLE> baru selanjutnya mengakhiri tag head </HEAD>
bagaimana apakah masih kebingungan.
Perhatikan ilustrasi berikut, jika anda masih kebingungan terhadap penjelasan penulis di atas. Jika sudah mengerti abaikan saja.
<div id="listcode">
1. ---<HTML>
2. | ---<HEAD>
3. | |
4. | |
5. | ---</HEAD>
6. |
7. | ---<BODY>
8. | |
9. | |
10. | ---</BODY>
11. ---</HTML>
</div>
Penulisan baris program dapat menggunakan aplikasi<a href="#">text editor</a> baik yang ber lisensi maupun <a href="#">open source</a>.
Beberapa aplikasi text editor yang dapat anda gunakan adalah:
1. <a href="#">notepad</a>. Notepad merupakan aplikasi text editor yang dibuat oleh perusahaan <a href="#">Microsoft Corp</a>.
Notepad dibundel bersama Sistem Operasi Windows.
2. <a href="#">Microsoft Frontpage</a>. Microsoft Frontpage merupakan aplikasi pembuatan web yang dibuat oleh Microsoft Corp.
3. <a href="#">Dreamweaper</a>. Dreamweaper merupakan aplikasi teks editor yang dibuat oleh perusahaan adobe.
Klik <a href="menyimpanfile.htm"> Selanjutnya</a> untuk belajar HTML.
Baca Juga:
1. <a href="#">Belajar CSS</a>
2. <a href="#">Belajar PHP</a>
3. <a href="#">Belajar Basis Data</a>
