Tutorial HTML untuk Pemula: Apa itu Tag, Elemen, dan Atribut pada HTML



Halo gan. Di postingan sebelumnya kita sudah berhasil membuat dan menjalankan file HTML. Wah selamat ya!

Kali ini kita akan bahas apa itu tag, elemen, dan atribut pada HTML. Apa tuh? Istilah-istilah baru nih.

Pernah denger sebelumnya?

..kita bahas satu per satu.

tutorial html untuk pemula

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.

Baca juga ya..
- Cara Memasang Syntax Highlighter Blog di Blogger
- Cara Menambahkan Tombol Share di Bawah Postingan (Khusus Blogger)
- Penulisan Karya Ilmiah

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

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="http://www.aneiqbal.com">Ini adalah link menuju AneIqbal.</a>

Hasilnya:

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 halaman HTML.



0 Komentar untuk "Tutorial HTML untuk Pemula: Apa itu Tag, Elemen, dan Atribut pada HTML"