Apa Itu HTML ?

View Categories

Apa Itu HTML ?

Apa itu HTML ?
Jawaban sederhananya yaitu : HTML adalah bahasa standar atau format penulisan standar yang dipakai untuk membuat suatu halaman website. HTML adalah standarisasi penulisan halaman website yang masuk dalam kategori markup language.

Beberapa point yang menjelaskan secara sederhana tentang HTML :

  • HTML adalah singkatan dari Hyper Text Markup Language.
  • HTML adalah bahasa standar atau format baku penulisan untuk membuat halaman website.
  • HTML menjelaskan struktur dari halaman website.
  • HTML terdiri dari beberapa elemen atau yang biasa disebut dengan istilah tag HTML.
  • Elemen HTML memberikan informasi kepada web browser tentang bagaimana suatu elemen itu ditampilkan melalui web browser.
  • HTML disimpan dalam bentuk file dengan ekstensi html yang biasa disebut dengan istilah dokumen HTML .

Untuk lebih jelasnya tentang konsep dasar HTML bisa dilihat pada Seri Artikel Belajar HTML.

Contoh Dokumen HTML

Untuk menjawab lebih detil pertanyaan apa itu HTML, mari kita lihat contoh dokumen HTML di bawah ini.

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Jalankan Contoh

Penjelasan contoh di atas :

  • <!DOCTYPE html> menjelaskan bahwa dokumen di atas adalah sebuah dokumen HTML.
  • <html>adalah elemen utama (root element) dokumen HTML.
  • <head> adalah elemen yang berisi meta data dokumen HTML.
  • <title> adalah elemen yang menjadi judul utama dokumen HTML dan ditampilkan pada bagian atas (title bar atau pada title tab) web browser.
  • <body> adalah elemen utama (batang tubuh) dokumen HTML dan elemen ini berisi elemen atau komponen lain seperti heading, paragraph, image, hyperlink, table, list dan sebagainya.
  • <h1> adalah contoh elemen heading.
  • <p> adalah contoh elemen paragraph.

Pengertian Elemen HTML

Dokumen HTML berisi kumpulan elemen-elemen HTML. Dokumen HTML dibentuk dengan menggunakan elemen-elemen HTML ini. Elemen HTML juga biasa disebut dengan istilah tag HTML.

Elemen HTML selalu dibuka dengan tag pembuka disusul dengan konten dan diakhiri dengan tag penutup. Elemen HTML juga biasa disebut dengan istilah tag HTML atau komponen HTML.

<nama tag>.. Konten ..</nama tag>

Contoh : <h1>My First Heading</h1>

Pada contoh di atas, nama tag (atau biasa juga disebut nama elemen atau nama komponen) adalah “h1” (header), dibuka dengan tag pembuka <h1> disusul konten berupa text “My First Heading” dan ditutup dengan tag </h1>.

Contoh : <p>My first paragraph.</p>

Pada contoh di atas, nama tag adalah “p” (paragraf), dibuka dengan tag pembuka <p> disusul konten berupa text “My first paragraph” dan ditutup dengan tag penutup </p>.

Web Browser

Fungsi web browser adalah membaca dokumen HTML dan menampilkannya. Web browser tidak menampilkan text yang tertulis pada tag html tapi membaca aturan cara setiap elemen ditampilkan. Kemudian Web browser akan menampilkan elemen tersebut sesuai dengan aturannya. Metode ini biasa disebut dengan konsep markup language.

Tangkapan layar web browser yang menampilkan halaman index.html

Struktur Dokumen HTML

Secara garis besar struktur dokumen HTML dapat dilihat pada gambar di bawah ini.

Gambar struktur dokumen html

Hanya elemen atau tag di dalam tag body yang akan ditampilkan secara visual pada web browser. Penjelasan setiap bagian pada struktur dokumen HTML ini akan dijelaskan pada bagian tutorial selanjutnya.

Editor HTML

Semua text editor bisa dipakai sebagai editor dokumen HTML. Mulai dari notepad pada windows, vi pada linux, notepad++, ultraedit dan lain sebagainya. Editor lain yang lebih canggih seperti dreamweaver juga bisa dipakai. Sedangkan editor bahasa pemrograman seperti vscode, eclipse, sts dan sejenisnya juga sering dipakai oleh para programmer website.

19 Editor HTML Terbaik yang Bisa Anda Coba!

Dokumen HTML disimpan dalam file berekstensi html. File ini bisa disimpan dalam drive pada lokal komputer atau laptop dan dibuka langsung melalui web browser. File html juga bisa disimpan pada server dan dibuka melalui alamat domain tertentu. Silahkan pelajari artikel tentang konsep dokumen HTML untuk lebih jelasnya.

Tutorial sebelumnya : Tutorial Belajar HTML
Tutorial setelahnya : Contoh Coding HTML Website
Semua Tutorial HTML : Tutorial HTML

Tinggalkan Balasan