Di postingan sebelumnya kita sudah berhasil membuat file HTML. Sekarang yang dibahas yaitu apa itu tag, elemen, dan atribut pada HTML. Simak pembahasan AneIqbal selengkapnya berikut ini.
Apa tuh? Istilah-istilah baru nih. Sudah pernah denger sebelumnya?
Kalau belum kita bahas satu per satu.
Tag
Tag adalah perintah/kode untuk memberitahu web browser fungsi dari suatu objek. Apakah objek itu merupakan sebuah paragraf, sebuah list, sebuah gambar, sebuah video, atau yang lainnya.
Tag ditulis secara berpasangan, ada tag pembuka dan tag penutup.
..meskipun ada juga beberapa tag yang tidak punya pasangan (disebut juga self closing tag), tetapi mayoritas tag memiliki pasangan.
Contoh self closing tag:
- <br/> (dapat ditulis juga <br>): untuk memberi perintah ke browser agar pindah baris.
- <hr/> (dapat ditulis juga <hr>): untuk memberi perintah ke browser agar membuat garis horizontal.
Begini penulisan tag pada HTML:
<tag_pembuka>ini objek yang diberi tag</tag_penutup>
Begini contoh kode HTML-nya:
<p>Ini adalah teks yang berfungsi sebagai paragraf</p>
<p> adalah tag pembuka, tag p berarti menandai objek yang diapit adalah sebuah paragraf. </p> adalah tag penutup. Bedanya ada pada garis miring (/).
Contoh lain yang lebih panjang.
<p>Teks ini adalah sebuah paragraf yang di dalamnya ada kata yang dicetak <b>tebal</b> dan ada pula yang dicetak <i>miring</i>.</p>
Maka hasilnya setelah dijalankan di web browser seperti ini:
Teks ini adalah sebuah paragraf yang di dalamnya ada kata yang dicetak tebal dan ada pula yang dicetak miring.
Tag selesai. Lanjut ke elemen.
Elemen
Di atas kita sudah mencoba menulis tag <p> yang berfungsi untuk membuat paragraf. Mulai dari tag pembukanya, objek yang diapitnya, dan tag penutupnya.
..itulah yang disebut dengan elemen.
Jadi, satu kesatuan dari tag pembuka, atribut tag, objek yang diapit, dan tag penutup disebut dengan elemen.
Contoh:
<p>Teks ini adalah sebuah paragraf yang di dalamnya ada kata yang dicetak <b>tebal</b> dan ada pula yang dicetak <i>miring</i>.</p>
Kode di atas merupakan elemen p.
Elemen selesai. Lanjut ke atribut.
Atribut pada HTML
Jika kita ingin memberi informasi tambahan (misal: perataan, warna, atau jenis teks, atau juga link yang dituju) ke web browser dari suatu tag, maka kita dapat menggunakan atribut.
Untuk menambahkan atribut ke dalam tag, caranya yaitu dengan mengetik nama_atribut=”nilai_atribut”. Nama dan value-nya, mereka selalu berpasangan.
..value-nya jangan lupa diberi tanda kutip 1 (‘ ‘) atau kutip 2 (” “), keduanya bisa.
Contohnya, kita ingin teks paragraf rata kiri, maka kode HTML-nya adalah:
<p align="left">Teks paragraf ini akan tampil di browser dengan rata kiri.</p>
align adalah nama atributnya. left adalah value atau nilainya.
Tidak semua tag punya atribut yang sama, ada juga yang berbeda. Contohnya tag <a>.
Tag <a> adalah perintah membuat link. Sebuah link haruslah memiliki alamat yang dituju, maka ada atribut href pada tag <a> dan value dari atribut itu adalah alamat link yang dituju.
Contoh:
<a href="https://www.aneiqbal.com">Ini adalah link menuju AneIqbal.</a>
Hasilnya:
Ini adalah link menuju AneIqbal.
Atribut selesai. Menandakan kita sudah mempelajari tag, elemen dan atribut.
Gimana? Sudah paham kan apa itu tag, elemen, dan atribut pada HTML?
Selanjutnya kita akan membahas struktur dasar HTML.
