Elemen HTML: Identifikasi dan Jenis-jenisnya
How to tekno
·waktu baca 3 menit
Tulisan dari How To Tekno tidak mewakili pandangan dari redaksi kumparan
PerbesarAda berbagai jenis elemen HTML yang akan kamu pelajari saat ingin membuat website. Nantinya, struktur elemen tersebut akan ditambahkan ke dalam suatu dokumen teks.
Seperti yang kita tahu, HTML (Hypertext Markup Language) merupakan salah satu komponen wajib untuk membuat website yang terdiri dari bahasa markup seperti simbol dan kombinasi teks dalam suatu file.
Dengan HTML ini, pengguna dapat menyusun struktur website yang terdiri dari heading, paragraf, gambar, link, dan sebagainya. Tak lupa juga untuk menambahkan elemen yang memiliki peran penting dalam menyusun struktur tersebut.
Untuk itu, sebelum kamu belajar coding secara mandiri dan otodidak, kamu bisa mempelajari HTML secara lengkap termasuk elemen-elemen yang digunakan. Simak artikel berikut agar tahu apa saja elemen HTML dan fungsinya.
Identifikasi Elemen HTML adalah
Mengutip buku HTML 5 Manual Book oleh Jubilee Enterprise, bahwa elemen HTML diidentifikasi dengan adanya tag pada suatu teks yang terdiri dari nama elemen di dalam tanda kurung berbentuk sudut (< >).
Nantinya, browser akan mengetahui bahwa teks di dalam tanda tersebut sembunyi dan tidak akan menampilkannya pada layar browser. Sedangkan untuk nama elemen akan muncul pada tag pembuka dan tag penutup yang diawali dengan garis miring (/).
Tag yang membungkus suatu teks atau konten direferensikan sebagai markup. Setiap elemen terdiri dari markup yang berupa tag pembuka dan penutup, penulisannya seperti contoh berikut ini:
<bold>Elemen HTML</bold>.
Pada struktur HTML, penggunaan huruf kapital pada nama elemen tidak dibedakan oleh browser. Misalnya, browser akan membaca <img>, <Img>, dan <IMG> sebagai elemen yang sama.
Jenis-jenis Elemen HTML
Secara umum, seluruh isi dokumen ada di dalam struktur elemen HTML yang disebut elemen Root. Dalam elemen tersebut terdiri dari seluruh elemen yang ada di dalam dokumen. Berikut adalah jenis-jenis atau contoh elemen HTML:
<head>, berisi informasi yang dapat dibaca mesin (metadata) tentang dokumen, seperti judul, skrip, dan lembar gayanya.
<body>, mewakili konten dokumen HTML. Hanya ada satu elemen <body> dalam dokumen.
<header>, mewakili konten pengantar dan biasanya sekelompok alat bantu pengantar atau navigasi. Elemen ini tidak hanya berisi beberapa elemen judul, tetapi juga logo, formulir pencarian, nama penulis, dan elemen lainnya.
<link>, menentukan hubungan antara dokumen saat ini dan sumber daya eksternal. Elemen ini paling sering digunakan untuk menautkan ke CSS, tetapi juga digunakan untuk membuat ikon situs seperti ikon untuk layar beranda dan aplikasi di perangkat seluler.
<title>, mendefinisikan judul dokumen yang ditampilkan di bilah judul Browser atau tab halaman. Ini hanya berisi teks saja, sedangkan tag yang ada di dalam elemen diabaikan.
<style>, berisi informasi gaya untuk dokumen, atau bagian dari dokumen. Biasanya berisi CSS, yang diterapkan ke konten dokumen yang berisi elemen <style>.
Itulah beberapa jenis elemen HTML yang sering digunakan saat membuat struktur website.
(SAN)