Penulis
Pada bagian ini kita akan mencoba
untuk membuat dokumen HTML sederhana. Silahkan kalian ikuti langkah langkah
berikut ini :
- Bukalah text Editor kalian (Notepad, Notepad ++ atau lainnya.
- Disini saya menggunakan Notepad ++
- Ketikkan atau salinlah kode di bawah ini :
<html>
<head>
<title>
Selamat Datang di Website Saya </title>
</head>
<body>
Hallo
para pengunjung, Selamat datang di website saya J
</body>
</html>
Contoh penulisan di Notepad++ :
4. Lalu simpan (save) dokumen tersebut dengan nama welcome.html
5. Lalu bukalah dokumen / file yang sudah di simpan tadi dengan Mozilla firefox.
6. Maka akan tampil di web browser sebagai berikut :
- Judul halaman website kita yang kita tuliskan di tag <title> </title>
- Isi dari website kita, yang terdapat pada tag <body> </body> disitu kita bisa isikan berbagai macam informasi yang nantinya akan di baca oleh pengunjung website kita.
Sekilas tentang Tag HTML
Seperti yang
telah kalian pelajari sekilas di atas bahwa dokumen HTML dibuat menggunakan tag – tag khusus, dan dengan aturanyang
khusus pula. Terdapat beberapa hal yang perlu di perhatikan dalam penggunaan tag di dalam dokumen HTML, yaitu :
- Tag HTML selalu diapit oleh tanda kurung siku, < dan >
- Meskipun kode HTML, tidak bersifat case-sensitive (membedakan penggunaaan huruf besar dan kecil), namun Tag HTML sebaiknya ditulis dengan menggunakan huruf kecil. Misalnya <html>, <head>, <body> dsb. Ini merupakan cara yang di rekomendasikan oleh W3C, meskipun sebenarnya bisa saja ditulis dengan menggunakan huruf besar, seperti <HTML>, <HEAD>, <BODY>, </HTML> dsb.
- Tag HTML pada umumnya berpasangan, seperti : tag <html> berpasangan dengan </html>, tag <head> berpasangan dengan </head> dan masih banyak lagi. Namun, ada juga beberapa tag yang tidak memiliki pasangan, misalnya `tag <br> , <hr>, <input>,<meta> dll. Untuk menandai bahwa tag tersebut tidak memiliki pasangan, maka sebaiknya kita menambahkan tanda slash (Garis Miring /) di belakang Tag tersebut, misalnya <br /> <hr />.
- Untuk penggunaan Tag bersarang, maka penulisannya harus terurut. Sebagai contoh :
<b> Kita adalah <i> anak muda
</i> Indonesia </b>
Pada contoh
diatas, di dalam Tag <b> terdapat penggunaan Tag lain lagi, yaitu Tag
<i>. dalam kasus seperti ini, Tag <i> harus ditutup (menggunakan
Tag </i>) terlebih dahulu sebelum kita menutup Tag <b> (Menggunakan
Tag </b>.
EmoticonEmoticon