Apa Itu HTML? Pengertian Dan Fungsi HTML
HTML (Hypertext Markup Language) adalah bahasa markup standar yang digunakan programmer untuk membuat halaman web. Ini menyediakan struktur dan tata letak untuk konten di Internet. HTML terdiri dari serangkaian elemen atau tag yang menentukan bagian yang berbeda dari halaman web, seperti judul, paragraf, gambar, tautan, dan banyak lagi.
Fungsi utama HTML adalah untuk menggambarkan struktur dan isi dari sebuah halaman web, memungkinkan peramban untuk menafsirkan dan menampilkan informasi secara konsisten dan terorganisir. Dengan menggunakan tag HTML, pengembang web dapat menentukan judul, paragraf, daftar, tabel, formulir, dan elemen lainnya untuk membuat situs web yang menarik dan interaktif secara visual.
Selain konten struktur, HTML juga memungkinkan untuk memasukkan elemen multimedia, seperti gambar, video, dan file audio, serta integrasi lembar gaya (CSS) dan bahasa skrip (JavaScript) untuk meningkatkan desain dan fungsionalitas halaman web.
Secara keseluruhan, HTML memainkan peran penting dalam pembuatan situs web dengan menyediakan cara standar untuk mendefinisikan dan mengatur konten, sehingga dapat diakses dan user-friendly bagi pengunjung di Internet.
Basic HTML
| No. |
Tag |
Deskripsi |
| 1 |
<!DOCTYPE> |
Menentukan atau mendefinisikan tipe dokumen |
| 2 |
<html> |
Menentukan atau mendefinisikan sebuah dokumen HTML |
| 3 |
<head> |
Berisi metadata/informasi untuk dokumen |
| 4 |
<title> |
Menentukan atau mendefinisikan judul untuk dokumen tersebut |
| 5 |
<body> |
Menentukan atau mendefinisikan isi (badan) dokumen |
| 6 |
<h1> sampai <h6> |
Menentukan atau mendefinisikan judul HTML |
| 7 |
<p> |
Menentukan atau mendefinisikan sebuah paragraf |
| 8 |
<br> |
Menyisipkan jeda atau pemisah satu baris |
| 9 |
<hr> |
Menentukan atau mendefinisikan perubahan tematik dalam konten |
| 10 |
<!--...-- > |
Menentukan atau mendefinisikan sebuah komentar |
Formatting
| No. |
Tag |
Deskripsi |
| 1 |
<acronym> |
Menentukan atau mendefinisikan sebuah singkatan (Tidak mendukung untuk HTML5, gunakan <abbr> sebagai gantinya) |
| 2 |
<abbr> |
Menentukan atau mendefinisikan sebuah singkatan atau akronim |
| 3 |
<address> |
Menentukan atau mendefinisikan informasi kontak untuk penulis/pemilik dokumen/artikel |
| 4 |
<b> |
Menentukan atau mendefinisikan teks yang dicetak tebal |
| 5 |
<bdi> |
Memisahkan bagian teks yang mungkin diformat dalam arah yang berbeda dari teks lain di luarnya |
| 6 |
<bdo> |
Mengubah arah teks yang ada saat ini |
| 7 |
<big> |
Menentukan atau mendefinisikan teks besar (Tidak mendukung untuk HTML5, gunakan CSS sebagai gantinya) |
| 8 |
<blockquote> |
Menyisipkan sebuah bagian yang dikutip dari sumber lain |
| 9 |
<center> |
Menentukan atau mendefinisikan teks yang berada di tengah (Tidak mendukung untuk HTML5, gunakan CSS sebagai gantinya) |
| 10 |
<cite> |
Menentukan atau mendefinisikan judul sebuah karya |
| 11 |
<code> |
Menentukan atau mendefinisikan bagian kode komputer |
| 12 |
<del> |
Menentukan atau mendefinisikan teks yang telah dihapus dari dokumen |
| 13 |
<dfn> |
Menentukan istilah yang akan didefinisikan di dalam konten |
| 14 |
<em> |
Menentukan atau mendefinisikan teks yang diberi penekanan |
| 15 |
<body> |
Menentukan atau mendefinisikan isi (badan) dokumen |
| 16 |
<h1> sampai <h6> |
Menentukan atau mendefinisikan judul HTML |
| 17 |
<p> |
Menentukan atau mendefinisikan sebuah paragraf |
| 18 |
<br> |
Menyisipkan jeda atau pemisah satu baris |
| 19 |
<hr> |
Menentukan atau mendefinisikan perubahan tematik dalam konten |
| 20 |
<!--...-- > |
Menentukan atau mendefinisikan sebuah komentar |
| 21 |
<!DOCTYPE> |
Menentukan atau mendefinisikan tipe dokumen |
| 22 |
<html> |
Menentukan atau mendefinisikan sebuah dokumen HTML |
| 23 |
<head> |
Berisi metadata/informasi untuk dokumen |
| 24 |
<title> |
Menentukan atau mendefinisikan judul untuk dokumen tersebut |
| 25 |
<body> |
Menentukan atau mendefinisikan isi (badan) dokumen |
| 26 |
<h1> sampai <h6> |
Menentukan atau mendefinisikan judul HTML |
| 27 |
<p> |
Menentukan atau mendefinisikan sebuah paragraf |
| 28 |
<br> |
Menyisipkan jeda atau pemisah satu baris |
| 29 |
<hr> |
Menentukan atau mendefinisikan perubahan tematik dalam konten |
| 30 |
<!--...-- > |
Menentukan atau mendefinisikan sebuah komentar |
| 31 |
<!DOCTYPE> |
Menentukan atau mendefinisikan tipe dokumen |
| 32 |
<html> |
Menentukan atau mendefinisikan sebuah dokumen HTML |
| 33 |
<head> |
Berisi metadata/informasi untuk dokumen |
| 34 |
<title> |
Menentukan atau mendefinisikan judul untuk dokumen tersebut |
| 35 |
<body> |
Menentukan atau mendefinisikan isi (badan) dokumen |
| 36 |
<h1> sampai <h6> |
Menentukan atau mendefinisikan judul HTML |
| 37 |
<p> |
Menentukan atau mendefinisikan sebuah paragraf |
| 38 |
<br> |
Menyisipkan jeda atau pemisah satu baris |
| 39 |
<hr> |
Menentukan atau mendefinisikan perubahan tematik dalam konten |
| 40 |
<!--...-- > |
Menentukan atau mendefinisikan sebuah komentar |
Form dan Input
| No. |
Tag |
Deskripsi |
| 1 |
<!DOCTYPE> |
Menentukan atau mendefinisikan tipe dokumen |
| 2 |
<html> |
Menentukan atau mendefinisikan sebuah dokumen HTML |
| 3 |
<head> |
Berisi metadata/informasi untuk dokumen |
| 4 |
<title> |
Menentukan atau mendefinisikan judul untuk dokumen tersebut |
| 5 |
<body> |
Menentukan atau mendefinisikan isi (badan) dokumen |
| 6 |
<h1> sampai <h6> |
Menentukan atau mendefinisikan judul HTML |
| 7 |
<p> |
Menentukan atau mendefinisikan sebuah paragraf |
| 8 |
<br> |
Menyisipkan jeda atau pemisah satu baris |
| 9 |
<hr> |
Menentukan atau mendefinisikan perubahan tematik dalam konten |
| 10 |
<!--...-- > |
Menentukan atau mendefinisikan sebuah komentar |
Frame
| No. |
Tag |
Deskripsi |
| 1 |
<!DOCTYPE> |
Menentukan atau mendefinisikan tipe dokumen |
| 2 |
<html> |
Menentukan atau mendefinisikan sebuah dokumen HTML |
| 3 |
<head> |
Berisi metadata/informasi untuk dokumen |
| 4 |
<title> |
Menentukan atau mendefinisikan judul untuk dokumen tersebut |
| 5 |
<body> |
Menentukan atau mendefinisikan isi (badan) dokumen |
| 6 |
<h1> sampai <h6> |
Menentukan atau mendefinisikan judul HTML |
| 7 |
<p> |
Menentukan atau mendefinisikan sebuah paragraf |
| 8 |
<br> |
Menyisipkan jeda atau pemisah satu baris |
| 9 |
<hr> |
Menentukan atau mendefinisikan perubahan tematik dalam konten |
| 10 |
<!--...-- > |
Menentukan atau mendefinisikan sebuah komentar |
Images
| No. |
Tag |
Deskripsi |
| 1 |
<!DOCTYPE> |
Menentukan atau mendefinisikan tipe dokumen |
| 2 |
<html> |
Menentukan atau mendefinisikan sebuah dokumen HTML |
| 3 |
<head> |
Berisi metadata/informasi untuk dokumen |
| 4 |
<title> |
Menentukan atau mendefinisikan judul untuk dokumen tersebut |
| 5 |
<body> |
Menentukan atau mendefinisikan isi (badan) dokumen |
| 6 |
<h1> sampai <h6> |
Menentukan atau mendefinisikan judul HTML |
| 7 |
<p> |
Menentukan atau mendefinisikan sebuah paragraf |
| 8 |
<br> |
Menyisipkan jeda atau pemisah satu baris |
| 9 |
<hr> |
Menentukan atau mendefinisikan perubahan tematik dalam konten |
| 10 |
<!--...-- > |
Menentukan atau mendefinisikan sebuah komentar |
Audio / video
| No. |
Tag |
Deskripsi |
| 1 |
<!DOCTYPE> |
Menentukan atau mendefinisikan tipe dokumen |
| 2 |
<html> |
Menentukan atau mendefinisikan sebuah dokumen HTML |
| 3 |
<head> |
Berisi metadata/informasi untuk dokumen |
| 4 |
<title> |
Menentukan atau mendefinisikan judul untuk dokumen tersebut |
| 5 |
<body> |
Menentukan atau mendefinisikan isi (badan) dokumen |
| 6 |
<h1> sampai <h6> |
Menentukan atau mendefinisikan judul HTML |
| 7 |
<p> |
Menentukan atau mendefinisikan sebuah paragraf |
| 8 |
<br> |
Menyisipkan jeda atau pemisah satu baris |
| 9 |
<hr> |
Menentukan atau mendefinisikan perubahan tematik dalam konten |
| 10 |
<!--...-- > |
Menentukan atau mendefinisikan sebuah komentar |
Links
| No. |
Tag |
Deskripsi |
| 1 |
<!DOCTYPE> |
Menentukan atau mendefinisikan tipe dokumen |
| 2 |
<html> |
Menentukan atau mendefinisikan sebuah dokumen HTML |
| 3 |
<head> |
Berisi metadata/informasi untuk dokumen |
| 4 |
<title> |
Menentukan atau mendefinisikan judul untuk dokumen tersebut |
| 5 |
<body> |
Menentukan atau mendefinisikan isi (badan) dokumen |
| 6 |
<h1> sampai <h6> |
Menentukan atau mendefinisikan judul HTML |
| 7 |
<p> |
Menentukan atau mendefinisikan sebuah paragraf |
| 8 |
<br> |
Menyisipkan jeda atau pemisah satu baris |
| 9 |
<hr> |
Menentukan atau mendefinisikan perubahan tematik dalam konten |
| 10 |
<!--...-- > |
Menentukan atau mendefinisikan sebuah komentar |
Lists
| No. |
Tag |
Deskripsi |
| 1 |
<!DOCTYPE> |
Menentukan atau mendefinisikan tipe dokumen |
| 2 |
<html> |
Menentukan atau mendefinisikan sebuah dokumen HTML |
| 3 |
<head> |
Berisi metadata/informasi untuk dokumen |
| 4 |
<title> |
Menentukan atau mendefinisikan judul untuk dokumen tersebut |
| 5 |
<body> |
Menentukan atau mendefinisikan isi (badan) dokumen |
| 6 |
<h1> sampai <h6> |
Menentukan atau mendefinisikan judul HTML |
| 7 |
<p> |
Menentukan atau mendefinisikan sebuah paragraf |
| 8 |
<br> |
Menyisipkan jeda atau pemisah satu baris |
| 9 |
<hr> |
Menentukan atau mendefinisikan perubahan tematik dalam konten |
| 10 |
<!--...-- > |
Menentukan atau mendefinisikan sebuah komentar |
Tables
| No. |
Tag |
Deskripsi |
| 1 |
<!DOCTYPE> |
Menentukan atau mendefinisikan tipe dokumen |
| 2 |
<html> |
Menentukan atau mendefinisikan sebuah dokumen HTML |
| 3 |
<head> |
Berisi metadata/informasi untuk dokumen |
| 4 |
<title> |
Menentukan atau mendefinisikan judul untuk dokumen tersebut |
| 5 |
<body> |
Menentukan atau mendefinisikan isi (badan) dokumen |
| 6 |
<h1> sampai <h6> |
Menentukan atau mendefinisikan judul HTML |
| 7 |
<p> |
Menentukan atau mendefinisikan sebuah paragraf |
| 8 |
<br> |
Menyisipkan jeda atau pemisah satu baris |
| 9 |
<hr> |
Menentukan atau mendefinisikan perubahan tematik dalam konten |
| 10 |
<!--...-- > |
Menentukan atau mendefinisikan sebuah komentar |
Style & Semantics
| No. |
Tag |
Deskripsi |
| 1 |
<!DOCTYPE> |
Menentukan atau mendefinisikan tipe dokumen |
| 2 |
<html> |
Menentukan atau mendefinisikan sebuah dokumen HTML |
| 3 |
<head> |
Berisi metadata/informasi untuk dokumen |
| 4 |
<title> |
Menentukan atau mendefinisikan judul untuk dokumen tersebut |
| 5 |
<body> |
Menentukan atau mendefinisikan isi (badan) dokumen |
| 6 |
<h1> sampai <h6> |
Menentukan atau mendefinisikan judul HTML |
| 7 |
<p> |
Menentukan atau mendefinisikan sebuah paragraf |
| 8 |
<br> |
Menyisipkan jeda atau pemisah satu baris |
| 9 |
<hr> |
Menentukan atau mendefinisikan perubahan tematik dalam konten |
| 10 |
<!--...-- > |
Menentukan atau mendefinisikan sebuah komentar |
Meta Info
| No. |
Tag |
Deskripsi |
| 1 |
<!DOCTYPE> |
Menentukan atau mendefinisikan tipe dokumen |
| 2 |
<html> |
Menentukan atau mendefinisikan sebuah dokumen HTML |
| 3 |
<head> |
Berisi metadata/informasi untuk dokumen |
| 4 |
<title> |
Menentukan atau mendefinisikan judul untuk dokumen tersebut |
| 5 |
<body> |
Menentukan atau mendefinisikan isi (badan) dokumen |
| 6 |
<h1> sampai <h6> |
Menentukan atau mendefinisikan judul HTML |
| 7 |
<p> |
Menentukan atau mendefinisikan sebuah paragraf |
| 8 |
<br> |
Menyisipkan jeda atau pemisah satu baris |
| 9 |
<hr> |
Menentukan atau mendefinisikan perubahan tematik dalam konten |
| 10 |
<!--...-- > |
Menentukan atau mendefinisikan sebuah komentar |
Programming
| No. |
Tag |
Deskripsi |
| 1 |
<!DOCTYPE> |
Menentukan atau mendefinisikan tipe dokumen |
| 2 |
<html> |
Menentukan atau mendefinisikan sebuah dokumen HTML |
| 3 |
<head> |
Berisi metadata/informasi untuk dokumen |
| 4 |
<title> |
Menentukan atau mendefinisikan judul untuk dokumen tersebut |
| 5 |
<body> |
Menentukan atau mendefinisikan isi (badan) dokumen |
| 6 |
<h1> sampai <h6> |
Menentukan atau mendefinisikan judul HTML |
| 7 |
<p> |
Menentukan atau mendefinisikan sebuah paragraf |
| 8 |
<br> |
Menyisipkan jeda atau pemisah satu baris |
| 9 |
<hr> |
Menentukan atau mendefinisikan perubahan tematik dalam konten |
| 10 |
<!--...-- > |
Menentukan atau mendefinisikan sebuah komentar |
