Pengertian Elemen, Atribut, Tag dan Fungsinya Pada HTML

Pada tutorial kali ini penulis menjelaskan pengertian dari elemen, atribut dan tag pada html beserta fungsi nya masing-masing. Element adalah isi didalam suatu tag, elemen mencakup ketika tag di buka dan ketika tag ditutup.

contoh kode html elemen

   <h1>isi dari elemen </h1>
    <p>isi dari elemen</p>


Tag Pembuka Isi Elemen Tag Penutup
<h1> isi dari elemen </h1>
<p> isi dari elemen </p>

Dari kode html di atas ditemukan dua elemen yang penulis sudah jelaskan dalam sebuah tabel dan terkadang beberapa dari elemen ada yang tidak perlu diakhiri dengan tag penutup. Tag adalah sebuah pasangan yang terdiri dari pembuka tag dan penutup seperti contoh diatas yang sudah dijelaskan, fungsi dari tag beraneka ragam tag digunakan untuk menyisipkan link, untuk mengubah font dan lain-lain. 

Tag Fungsi
<a> untuk menyisipkan sebuah link url ke dalam suatu text ataupun gambar sehingga memungkinkan seseorang untuk berpindah html tanpa harus menuliskan link di address bar
<b> Untuk membuat text tebal
<button> Untuk mendefinisikan dan membuat suatu tombol untuk di klik
<center> Untuk memberikan perataan tengah pada suatu text atau pun gambar
<div> Untuk mendefinisikan section pada dokumen
<form> Untuk mendefinisikan suatu form untuk input data
<h1> Untuk mengubah dan menunjuk suatu text menjadi sebuah judul dari html tersebut sehingga text tersebut ketika jalankan di browser akan berbentuk lebih besar seperti judul, semakin kecil hn nya semakin besar text yang akan muncul dan terdiri sampai h6
<i> untuk membuat text menjadi cetak miring
<iframe> untuk menyisipkan satu page web penuh ke dalam website kita
<img/> untuk menampilkan gambar pada suatu website / dokumen html
<ins> untuk membuat text menjadi bergaris bawah
<li> digunakan untuk membuat text menjadi list, biasanya di gunakan untuk membuat suatu menu dalam website
<select> digunakan untuk membuat dropdown list
<table> digunakan untuk membuat suatu tabel di dalam website

Masih banyak lagi fungsi tag yang saya tidak ketik didalam tabel diatas, tetapi yang saya ketik diatas kemungkinan sering dipakai untuk pembuatan html.

Attribut adalah suatu informasi tambahan yang dapat disertakan pada suatu elemen dalam html. Atribut dapat digunakan atau tidak pada suatu elemen. Atribut pasti digunakan pada awal tag selain dari itu pasti akan menyebabkan error atau hal-hal yang tidak terduga.

contoh kode html atribut :
 <html>
    <p title="Attribut adalah suatu informasi tambahan yang dapat disertakan pada suatu elemen dalam html. Atribut dapat digunakan atau tidak pada suatu elemen. Atribut pasti digunakan pada awal tag selain itu pasti akan menyebabkan error atau hal-hal yang tidak terduga.">Apa itu Atribut ?
   </p>
</html>


Attribut dari kode html diatas adalah title="isi title", hasilnya ketika anda menggerakan mouse anda ke text "Apa itu Atribut" maka akan muncul keterangan seperti sebuah tooltips. Setiap tag belum tentu mempunyai atribut yang sama sebagai contoh <body> mempunyai atribut Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth sedangkan <font> mempunyai atribut Color, size, name.


0 komentar:

Posting Komentar

Terima kasih sudah berkunjung di website sederhana ini, mohon kritik dan sarannya