Skip to main content

HTML Dasar Part 04: Pengertian Tag, Atribut dan Elemen HTML

pengertian tag, atribut dan element html

Setelah sukses/berhasil menjalankan koding html di browser pada struktur dasar html, sekarang kita akan melanjutkan belajar koding html. Kali ini, Kita akan membahas pengertian tag, elemen dan atribut html. Ketiga hal ini sangat penting dan merupakan bagian dasar html. Teruntuk Kamu yang baru belajar koding untuk membuat sebuah website harus tau hal penting ini.


Apa itu pengertian Tag ?,

Apa itu pengertian Elemen ? dan,

Apa itu pengertian Atribut ?

Mari kita belajar koding html sama-sama!!!


Pengertian Tag HTML

Tag dalam HTML adalah sebuah tanda yakni : tanda awal dan tanda akhir atau sering juga dibilang orang tag pembuka dan tag penutup yang berfungsi untuk memberitahukan pada web browser, apa dan bagaimana teks itu akan tampil, entah harus menampilkan teks bercetak miring atau bercetak tebal tergantung dari tag atau tanda apa yang ditulis pada editor text.

Tag biasanya dihimpit dengan kurung siku <...> dan didalamnya berisi dari nama tag tersebut.

Kebanyakan tag html, ditulis secara berpasangan yakni : tag pembuka dan tag penutup. Namun, ada juga tag yang tidak memiliki pasangan atau penutup dan biasanya diganti dengan tanda slash sebelum kurung siku penutup.

Misalnya, tag untuk membuat gambar.

<img src="..." />

Nampak kan dimana letak tanda slash sebelum kurung siku penutup.

Contoh Tag HTML

Contoh tanda siku pembuka (<) dan siku penutup (>) disi dengan p sehingga ditulis menjadi <p> ini dinamakan dengan tag p  pembuka dan jangan lupa dengan tag p penutup </p>

<p> ini adalah tag untuk menulis paragraf </p>

Tag ini berfungsi untuk menulis paragraf di web browser.

Setiap tag memiliki fungsi dan perannya tersendiri, Jika ditotalin, kayaknya ada ratusan tag pada HTML.

Ada tag yang digunakan untuk membuat heading, daftar dengan numbering, tag membuat link dan lain sebagainya.

Untuk pembuatan website paling kita hanya memerlukan 10 sampai 20 tag dasar.

Bagaimana? Sudah mengerti apa itu pengertian tag HTML dan cara penulisan tag HTML yang benar ?

Sebuah elemen didalam HTML merupakan isi dari mulai tag pembuka hingga tag penutup. Namun, ada juga beberapa tag didalam HTML tanpa penutup ini biasa dikenal dengan end closing tag.

Kasihan juga yaa tag ini tidak memiliki pasangan alias jomblo, hehe 😄

Walaupun begitu, tag yang tidak ada penutup nya ini valid dan bisa dibaca browser. Elemen tag HTML yang tidak ada tag penutup nya ini dinamakan dengan void elemen yang berarti tidak memiliki isi atau elemen kosong.

Tag Tanpa Penutup

Tag HTML Tanpa Penutup
Tag Keterangan
<area> Membuat beberapa link dalam gambar atau map
<base> Membuat basis url dari dokumen
<br> Line break - membuat baris baru
<col> Pengaturan kolom di dalam tabel (table)
<embed> Memasukkan objek ke dalam dokumen
<hr> Membuat garis horizontal
<img> Memasukkan gambar ke dalam dokumen
<input> Membuat textfield, checkbox, tombol dsb
<link> Membuat link ke file eksternal
<meta> Informasi dari dokumen
<param> Pengaturan objek

Ada sejumlah tag didalam HTML yang tak memerlukan tag pasangan penutup dimana isi dari tag-tag itu, langsung di tambahkan atributnya. Sedangkan untuk dokumen yang bertipe XHTML harus menambahkan tanda slash (/) setelah nama dari elemen atau atribut, atau sebelum tanda ">" yang menjadi penutup.

Pengertian Atribut HTML

Pengertian Atribut adalah informasi tambahan yang ditulis didalam tag pembuka. Atribut ini memiliki bermacam-macam fungsi tergantung pada nilai dan pada tag mana atribut tersebut diletakkan. Beberapa atribut memiliki sifat umum dan dapat ditulis didalam semua tag dan atribut ini dikenal sebagai global attribut. Namun, kebanyakan atribut hanya akan berfungsi untuk tag tertentu saja.

Setiap atribut memiliki pasangan seperti, nama atribut (name) dan nilai atribut (value) dan jika ditulis menjadi name="value". Penulisan value dihimpit dengan tanda kutip, bisa dengan kutip dua(") ataupun kutip satu(').

Contoh Atribut HTML

Kita akan membuat contoh atribut HTML dengan membuat suatu paragraf berada ditengah-tengah halaman. Agar lebih jelasnya, penulisan atribut dapat dilakukan seperti ini :

<p align="center"> paragraf ini berada di tengah</p>

Dari contoh diatas kita menggunakan atribut align="center". Kata align merupakan nama atribut HTML dan center adalah nilai atribut. Dan ini memiliki fungsi agar tulisan paragraf berada ditengah.

Karna contoh diatas menggunakan tanda kutip dua("), bisa juga menggunakan tanda kutip satu(') itu tidak menjadi masalah.

Contoh diatas hanya contoh saja dan bukan cara yang pas untuk melakukan penulisan paragraf ditengah-tengah halaman web. Perlu untuk diketahui, bahwa tidak semua tag harus menggunakan atribut. Namun, kita akan sering menggunakan atribut untuk memanipulasi sebuah halaman dengan menggunakan Javascript ataupun CSS.

Javascript untuk membuat halaman web lebih interaktif dan CSS untuk menghias halaman web. Dan pada saat belajar Javascript dan CSS kita akan sering menggunakan atribut ini.

Pengertian Elemen HTML

Elemen adalah susunan kode dari tag pembuka hingga tag penutup. Termasuk tag itu sendiri dan juga atribut (jika ada). Agar kita lebih cepat paham dan mengerti sebaiknya, kita perhatikan gambar dibawah ini :

Elemen HTML

Setelah melihat gambar, pasti kita sudah paham dan mengerti apa itu pengertian tag, atribut dan element. Kita akan melanjutkan pelajaran HTML kita dan langsung praktek, siapkan text editor dan web browser. Kita memulai nya dengan menulis paragraf di HTML

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar