Responsive Advertisement

Tag dan Atribut Dalam HTML

judul

Pada Pembahasan sebelumnya tentang Cara Menjalankan HTML, kita sudah mengerti proses menjalankan HTML dengan metode tersebut.

Pembahasan kali ini, kita akan mengenal Tag dan Atribut dalam bahasa pemrograman HTML. Tag merupakan bahasa program seperti <p> dan di akhiri dengan tanda </p> sebagai pengakhir kode. Sedangkan Atribut merupakan bahasa program yang digunakan untuk pendefinisian penempatan Atribut seperti <html lang="en-us">. 

Perbedaan Tag dan Atribut yaitu Tag merupakan pendefinisian dalam kode yang mau di masukkan sedangkan Atribut adalah elemen yang di masukkan kedalam Tag untuk memanggil Atribut yang lainnya.

Contoh Pembuatan Tag sebagai berikut.

<html>
<head>
 <title>Ini Judul Website</title>
</head>
</html>


Pembuatan Kodingan diatas merupakan contoh sederhana dari Tag yang tidak menggunakan atribut. Jika menggunakan atribut maka akan seperti dibawah ini.

Contoh Pembuatan Tag dan Atribut sebagai berikut.

<html lang="en-us">
<head>
 <title>Ini Judul Website</title>
</head>
<body>
 <p title="Cuman Paragraf"></p>
</body>
</html>


Tulisan yang berwarna merah merupakan Atribut didalam Tag yang mempunyai fungsi sebagai berikut.
  • lang="en-us", adalah atribut yang mendefinisikan bahwa isi didalam Kodingan HTML berbahasa Inggris.
  • title="Cuma Paragraf", adalah atribut yang mendefinisikan bahwa  paragraf yang dipakai mempunyai judul.

Silahkan kalian masukkan salah satu kodingan tersebut ke dalam Text Editor lalu Save As dengan format dan nama yang kalian suka. Klik dua kali untuk membuka File tersebut dan lihat hasilnya.

Diatas merupakan contoh kodingan yang dapat kalian coba di text editor, kalian copy kodingan tersebut kemudian lihat hasilnya. Perbedaan Tag dan Atribut dapat dengan mudah dipelajari hanya dengan melihat dari perbedaan tersebut.

Hal menarik lainnya mengenai Pembahasan HTML bisa kalian cari di dalam blog ini, semoga bermanfaat ya, terima kasih.