Pendahuluan HTML

1 6

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
  • Tag HTML memberi label potongan konten seperti “judul”, “paragraf”, “tabel”, dan sebagainya
  • Browser tidak menampilkan tag HTML, namun gunakan untuk menampilkan konten halaman

Dokumen HTML Sederhana

Example

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body><h1>My First Heading</h1>
<p>My first paragraph.</p></body>
</html>

Masukkan script diatas ke dalam Online Editor dibawah ini untuk melihat hasilnya atau klik button

Coba Layout Editor »

Contoh Dijelaskan

  • Deklarasi <! DOCTYPE html> mendefinisikan dokumen ini menjadi HTML5
  • Elemen <html> adalah elemen akar 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 sebuah paragraf

Tag HTML

Tag HTML adalah nama elemen yang dikelilingi oleh kurung sudut:

<tagname>Masukkan Kode Konten…</tagname>

  • Tag HTML biasanya berpasangan seperti <p> dan </ p>
  • Tag pertama pada pasangan adalah tag awal, tag kedua adalah tag akhir
  • Tag akhir ditulis seperti tag awal, namun dengan garis miring ke depan dimasukkan sebelum nama tag
Tip: Tag awal juga disebut tag pembuka, dan tag akhir tag penutup.

Browser Web

Tujuan browser web (Chrome, IE, Firefox, Safari) adalah membaca dokumen HTML dan menampilkannya.
Browser tidak menampilkan tag HTML, namun menggunakannya untuk menentukan cara menampilkan dokumen:


Struktur Halaman HTML

Berikut adalah visualisasi struktur halaman HTML:

<html>

<head>

<title>Page title</title>

</head>

<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

</body>

</html>

Catatan: Hanya konten di bagian(area putih di atas) yang ditampilkan di browser.

Deklarasi <! DOCTYPE>

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

Itu hanya boleh muncul sekali, di bagian atas halaman (sebelum ada tag HTML).

Deklarasi <! DOCTYPE> tidak sensitif huruf.

Deklarasi <! DOCTYPE> untuk HTML5 adalah:

<!DOCTYPE html>

Versi HTML

Sejak awal web, ada banyak versi HTML:

Versi Tahun
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

Get real time updates directly on you device, subscribe now.

1 Comment
  1. […] Mulai belajar HTML sekarang juga! […]

Leave A Reply

Your email address will not be published.