Beberapa Tag / Kode HTML Yang Paling Sering Digunakan Berikut Penjelasan atau Fungsinya

Close
Halo Sobat!, pada kesempatan ini kembali Saya akan membahas dasar HTML lagi, dengan artikel yang berisi beberapa script / tag HTML yang paling sering digunakan berikut penjelasan dan fungsinya. Sebenarnya penjelasan mengenai kode HTML dasar ini sudah banyak tersedia di google, namun demi melengkapi artikel tutorial blog ini dan juga barangkali dapat memudahkan Sobat yang berminat belajar webdesign.

Beberapa Tag / Kode HTML Yang Paling Sering Digunakan Berikut Penjelasan atau Fungsinya


Setelah membahas Cara mudah memahami perintah HTML dan CSS pada artikel sebelumnya, kali ini kita akan berfokus kepada kode / perintah HTML saja. Baiklah berikut ini beberapa kode HTML tersebut :


  • <html> = Tempatnya seluruh elemen HTML atau mendefinisikan dokumen HTML.
  • <head> = Tempat diletakkannya sumber daya website seperti CSS, Javacript, Title.
  • <title> = Elemen text dari judul halaman HTML, yang akan ditampilkan pada tab browser.
  • <style> = Tempat diletakkannya gaya atau style (CSS) untuk memperindah tampilan halaman HTML / website.
  • <script> = Tempat diletakkanya Javascript.
  • <body> = Tempat seluruh elemen HTML yang akan ditampilkan pada browser.
  • <!-- --> = Sebagai elemen pembungkus keterangan yang ada pada dokumen HTML, elemen ini tidak berpengaruh pada tampilan website. Contoh : "<!-- Keterangan -->".
  • <p> = Elemen yang mendefenisikan suatu paragraf/ alinea.
  • <div> = Suatu elemen pembungkus elemen HTML yang lain, yang tidak memiliki arti khusus, namun sering digunakan sebagai elemen yang berdiri sendiri, karena elemen tersebut akan membuat garis baru dari elemen sebelumnya, dan sesudahnya yang didapatkan dari style bawaan <div> yakni "display:block". Sama halnya dengan <p> , namun pada <p> terdapat margin, sedangkan pada <div> tidak.
  • <span> = Suatu elemen pembungkus elemen HTML yang lain, sama fungsinya dengan <div> namun tidak memberikan pengaruh apapun pada elemen yang ada didalamnya, karena tidak memiliki style bawaan. 
  • <img> = Elemen pemanggil atau penampil gambar. Contoh : "<img src="Alamatgambar" />" . Elemen <img> tidak memerlukan tag penutup, melainkan langsung ditutup pada akhir tag pembukanya saja />. src=" " disini mendefinisikan source atau sumber gambar (Alamat Gambar).
  • <input> = Mendefinisikan elemen input
  • <i> atau <em> = Membuat text / huruf miring (Italic)
  • <b> = Membuat text / huruf tebal (Bold)
  • <u> = Membuat text / huruf bergaris bawah (Underline)
  • <h1> s/d <h6> = Header text atau text kepala untuk judul ataupun sub judul.
  • <br /> = Sebagai baris baru/ enter.
  • <ul> = Untuk membuat list tidak berurutan atau list dengan bullet hitam (Unordered List). Penggunaan <ul> diperuntukkan sebagai parent (Induk elemen) dari elemen <li>. Contoh : "<ul><li>List ke-1</li></ul>"
  • <ol> = Untuk membuat list berurutan dengan angka (Ordered List). Sama fungsinya dengan <ul>
  • <li> = Elemen list atau daftar.
  • <a> = Elemen untuk diletakkannya suatu link/ alamat website diluar dari halaman HTML itu sendiri. Contoh : "<a href="https://www.google.co.id/" > Google </a>". Contoh tersebut akan menampilkan text "Google" saja namun terdapat link/ alamat yang dapat di klik pada text tersebut, yakni yang ada pada property <a href="Tempatlink">.
  • <table> = Elemen tabel.
  • <th> = Table header, baris kepala tabel.
  • <tr> = Table row atau baris tabel.
  • <td> = Table data atau kolom tabel.
  • <marquee> = Membuat text / huruf berjalan.

Saya pikir beberapa Tag HTML diatas adalah yang sering digunakan pada umumnya. Semoga artikel ini dapat bermanfaat. Lebih dan kurang Saya mohon maaf, Terima Kasih.

Terimakasih telah berkunjung dan membaca artikel di Blog ini. Tinggalkan kritik, saran, dan pertanyaan pada kolom komentar.