Pengantar HTML

pengantar html

Apa itu HTML?

HTML adalah bahasa markup yang menjadi standar untuk membuat halaman Web.
  • HTML adalah singkatan dari Hyper Text Markup Language
  • HTML menggambarkan struktur pada halaman Web
  • HTML terdiri dari serangkaian elemen
  • Elemen HTML berfungsi memberi tahu browser cara menampilkan konten
  • Elemen HTML diwakili oleh tag
  • Tag HTML memberi label pada konten seperti "heading", "paragraf", "table", dan sebagainya
  • Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk merender konten halaman  

Dokumen HTML Sederhana

Dokumen HTML Sederhana

Penjelasan :

  • Pernyataan <!DOCTYPE html> mendefinisikan dokumen ini sebagai HTML5
  • Elemen <html> adalah elemen root dari halaman HTML
  • Elemen <head> berisi informasi meta tentang dokumen
  • Elemen <title> menentukan judul untuk dokumen
  • Elemen <body> berisi konten halaman yang terlihat
  • Elemen <h1> mendefinisikan heading besar
  • Elemen <p> mendefinisikan paragraf 

Tag HTML

Tag HTML adalah nama elemen yang dikelilingi oleh kurung sudut:

konten <namatag> ada di sini ... </namatag>

  • Tag HTML biasanya berpasangan 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
Tip: Tag awal juga disebut tag pembuka, dan tag akhir adalah tag penutup.

Browser Web

Tujuan dari browser web (Chrome, Edge, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya.

Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk menentukan cara menampilkan dokumen:
Browser Web

Struktur Halaman HTML

Di bawah ini adalah visualisasi struktur halaman HTML:
Struktur Halaman HTML
Catatan: Hanya konten di dalam bagian <body> (area putih di atas) yang ditampilkan di browser.

Pernyataan <! DOCTYPE>

Pernyataan <!DOCTYPE> mewakili tipe dokumen, dan membantu browser untuk menampilkan halaman web dengan benar.
Pernyataan ini hanya ditulis satu kali di bagian atas halaman (sebelum tag HTML apa pun).
Pernyataan <!DOCTYPE> tidak peka huruf besar ataupun kecil.
Pernyataan  <!DOCTYPE> untuk HTML5 adalah:



Versi HTML

Sejak awal adanya web, ada banyak versi HTML:
Versi HTML

1 komentar:

Jika ada Pertanyaan, Kritik dan Saran, Silahkan berkomentar

Click to comment