Lompat ke konten Lompat ke sidebar Lompat ke footer

Pengertian HTML, Fungsi, Contoh, dan Cara Membuat HTML

Pengertian HTML, Fungsi, Contoh, dan Cara Membuat HTML - Apa itu HTML? HTML adalah bahasa markup standar untuk membuat halaman Web. HTML adalah singkatan dari Hyper Text Markup Language. HTML menggambarkan struktur halaman Web menggunakan markup elemen HTML adalah blok bangunan dari halaman HTML. Elemen HTML diwakili oleh tag. HTML tag label potongan konten seperti "heading", "paragraph", "table", dan sebagainya. Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk membuat isi halaman.

Contoh HTML Sederhana
<!DOCTYPE html><html><head><title>Judul Halaman</title></head><body>
<h1>Heading Pertama Saya</h1><p>Paragraf Pertama Saya</p>
</body></html>

Penjelasan Elemen HTML di atas:
  • <!DOCTYPE html> mendefinisikan dokumen ini menjadi HTML5
  • <html> adalah elemen root dari halaman HTML
  • <head> berisi informasi meta tentang dokumen
  • <title> menentukan judul untuk dokumen
  • <body> berisi konten halaman yang terlihat
  • <h1> mendefinisikan judul besar
  • <p> mendefinisikan sebuah paragraf

Tag HTML

Tag HTML adalah nama elemen dikelilingi oleh sudut kurung:
<tagname> konten anda disini ... </tagname>
  • tag HTML biasanya datang dalam pasangan seperti <p> dan </ p>
  • Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
  • Tag akhir ditulis seperti tag awal, tetapi dengan garis miring dimasukkan sebelum nama tag
Tips: Awal tag juga disebut tag pembuka, dan tag akhir tag penutup.

Browser Web

Tujuan dari web browser seperti: Chrome, IE, Firefox, Safari adalah untuk membaca dokumen HTML dan menampilkannya.

Browser tidak menampilkan tag HTML, tetapi menggunakan HTML untuk menentukan bagaimana menampilkan dokumen:

Pengertian HTML, Fungsi, Contoh, dan Cara Membuat HTML_

Struktur Halaman HTML

Di bawah ini adalah visualisasi dari struktur halaman HTML:


Catatan: Hanya konten di dalam <body> (daerah putih di atas) ditampilkan dalam browser.

Deklarasi <!DOCTYPE>

Deklarasi <!DOCTYPE> mewakili jenis dokumen, dan membantu browser untuk menampilkan halaman web dengan benar.

Ini harus hanya muncul sekali, di bagian atas halaman (sebelum tag HTML).

Deklarasi <!DOCTYPE> bukan huruf sensitif.

Deklarasi <!DOCTYPE> HTML adalah:
<!DOCTYPE>

Versi HTML dari Tahun ke Tahun

Sejak hari-hari awal web, ada banyak versi HTML:

Version Tahun
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014
Sekian artikel tentang Pengertian HTML, Fungsi, Contoh, dan Cara Membuat HTML. Semoga bermanfaat.
Nikita Dini
Nikita Dini Blogger, Internet Marketer, Web Designer

Posting Komentar untuk "Pengertian HTML, Fungsi, Contoh, dan Cara Membuat HTML"