Mengenal Head dan Body HTML

Mengenal Head dan Body HTML

223
0
SHARE

Halo teman, kita lanjutkan pembahasan tentang HTML ya. Setelah pada postingan sebelumnya kita mengenal HTML Fundamental, selanjutnya kita akan mengenal element head dan element body HTML.

Secara garis besar dalam element HTML terdapat 2 element besar yakni element head dan element body.

Head

Dalam element head, pada umumnya digunakan untuk meletakkan elemen title yang digunakan untuk pemberian judul halaman, element meta yang digunakan untuk description tentang halaman web tersebut, element style untuk pengaturan CSS serta element script untuk menjalankan script-script tertentu.

Body

Selanjutnya adalah element body. Di dalam elemen body inilah kita bisa menampilkan isi dari halaman web tersebut. Terdapat sangat banyak elemen yang dapat ditampung oleh elemen body. Kita hanya akan membahas sedikit tentang beberapat elemen yang paling sering digunakan, di antaranyanya terkait dengan text, list, image, link dan table. serta form.

HTML text secara garis besar terbagi menjadi dua jenis yaitu block level dan inline level. yang membedakan keduanya yaitu pada inline level, kita bisa menempatkan element lain disamping elemen inline level, sedangkan pada block level, secara default kita tidak bisa menempatkan elemen lain disampingnya.

HTML list terbagi menjadi 3 yaitu :

  • Unordered List yaitu list yang digunakan untuk daftar yang tidak memiliki urutan tertentu,
  • Ordered List yaitu list yang digunakan untuk daftar yang memiliki urutan tertentu,
  • Description List, yaitu list yang digunakan untuk mengelompokkan suatu daftar tertentu.

HTML image digunakan untuk menampilkan gambar pada halaman HTML.

HTML link digunakan untuk membuat kaitan dengan suatu halaman ataupun dengan anchor pada halaman yang sama.

HTML table digunakan untuk membuat table. Table cukup efektif untuk membuat layout, namun pada masa sekarang penggunaan table untuk layout tidak disarankan karena tidak bersifat responsive. Kita sebaiknya menggunakan element div dan beberapa pengaturan CSS untuk mendapatkan tampilan yang responsive.

HTML form digunakan untuk membuat form yang berfungsi untuk menangkap input yang diberikan oleh pengguna.

Demikian pengenalan mengenai head dan body HTML serta elemen-elemen yang ada di dalamnya. Bersambung …

Bagikan artikel ini ya.. terima kasih

NO COMMENTS

LEAVE A REPLY