Pengenalan Tag-Tag dasar HTML untuk pemula!!

Pengenalan Tag-Tag dasar HTML untuk pemula - Seperti yang sudah saya jelaskan pada Pengenalan HTML untuk pemula, bahwa HTML(Hypertext Markup Language) adalah bahasa MarkUp. Artinya, bahasa HTML hanya digunakan untuk me-markup suatu dokumen. Agar lebih jelasnya, kita umpamakan dengan pembuatan dokumen dengan Microsoft Word ataupun Software Word Processing lainnya.

Tag Html

Ketika membuat sebuah dokumen Word untuk menyelesaikan tugas sekolah atau pekerjaan misalnya, kita melakukan formatting pada teks. Seperti menebalkan teks, memiringkan, memberi garis bawah, Membuat Judul, ataupun membuat daftar. Pada HTML, kita bisa melakukan formatting ini dengan menggunakan tag-tag HTML.

Misalnya, untuk mem-format suatu teks menjadi miring. kita bisa menambahkan tag <em> atau <i>, sebagai contoh : 

 Saya <em>  Belajar  </em> HTML 

Sobat ketikan contoh diatas dengan menggunakan text editor seperti notepad. Lalu simpan dengan ekstensi .html .  Kemudian sobat buka file yang sudah disimpan tadi, maka hasilnya, kata-kata yang berada diantara tag-tag html akan dicetak miring. 

<em> ... </em> pada contoh diatas termasuk tag-tag dasar html, yang digunakan untuk memformat (me-markup) dokumen HTML. Jika dilihat kembali, sobat bisa melihat bahwa tag <em> memiliki pasangannya yaitu tag </em>. Ya, memang pada umumnya tag-tag HTML harus mempunyai pasangan atau yang disebut sebagai tag penutup.

Tag <em> pada contoh diatas disebut sebagai tag pembuka yang berarti sebagai awal dari kata yang dicetak miring, sedangkan tag </em> diatas disebut sebagai tag penutup yang menandakan akhir dari kata yang dicetak miring. 

Untuk lebih jelasnya coba sobat buat kembali file dengan menggunakan notepad, lalu sobat ketikkan seperti berikut : 

Saya <em> Belajar HTML </em>

Sekarang sobat simpan file contoh kedua ini dengan nama yang berbeda, tetapi tetap menggunakan ekstensi .html yaa... Lalu coba sobat buka file contoh kedua dan lihat perbedaanya dengan file contoh yang pertama.

Berikut adalah bentuk umum dari tag HTML :

   <namatag atribut="nilai atribut">
         Isi atau konten
   </namatag>

Yang harus diperhatikan adalah ketika sobat menggunakan tag-tag HTML, maka jangan lupa memberikan tag penutup nya. Tag penutup ditandai dengan penambahan tanda slash (/) sebelum nama tagnya.

Ohh iyaa.. Setiap tag HTML bisa menjadi "isi" dari tag HTML lainnya, untuk membuat suatu kesatuan dokumen HTML.

Dalam setiap tag HTML dapat disisipkan berbagai atribut yang berfungsi untuk menampung perintah-perintah tertentu, misalnya atribut id dan class yang berfungsi untuk memberi nama suatu tag sebagai referensi untuk CSS dan Javascript nantinya.

Sekarang bagaimana jika sobat ingin menebalkan teks dengan menggunakan tag HTML? sobat tinggal tambahkan saja tag <strong> atau <b>. Contoh :

Saya <b> Belajar </b> HTML

 Coba sobat simpan kode tersebut, lalu buka file yang sudah sobat simpan. Sekarang lihat hasilnya...

Oke sampai disini dulu penjelasan tentang Pengenalan Tag-Tag dasar HTML nya yaaa...