HTML Pendahuluan

Apa itu HTML?

HTML adalah markup language untuk mendeskripsikan dokumen web (halaman web).

HTML singkatan H yper T ext M arkup L anguage
Sebuah bahasa markup adalah seperangkat tag markup
Dokumen HTML dijelaskan oleh tag HTML
Setiap tag HTML menjelaskan isi dokumen yang berbeda

HTML Contoh


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

<body>

  <h1>My First Heading</h1>

  <p>My first paragraph.</p>

</body>

</html>

Contoh Dijelaskan

The DOCTYPE deklarasi mendefinisikan jenis dokumen menjadi HTML
Teks antara <html> dan </ html> menggambarkan sebuah dokumen HTML
Teks antara <head> dan </ head> memberikan informasi tentang dokumen
Teks antara <title> dan </ title> memberikan judul untuk dokumen
Teks antara <body> dan </ body> menggambarkan isi halaman yang terlihat
Teks antara <h1> dan </ h1> menggambarkan judul
Teks antara <p> dan </ p> menjelaskan ayat

Menggunakan deskripsi ini, web browser dapat menampilkan dokumen dengan judul dan paragraf.

HTML Tag

Tag HTML adalah kata kunci (nama tag) yang dikelilingi oleh kurung sudut :

< tagname > konten < / tagname > 

Tag HTML biasanya datang 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 sebelum nama tag

	Tag awal sering disebut tag pembuka . Tag akhir sering disebut tag penutup .

Browser web

Tujuan dari web browser (Chrome, IE, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya.
Browser tidak menampilkan tag HTML, tetapi menggunakan mereka untuk menentukan bagaimana menampilkan dokumen:

Struktur HTML Halaman

Di bawah ini adalah visualisasi dari struktur halaman HTML:

<Html>

<Head>

<Title> Judul Halaman </ title>

</ Head>

<Body>

<H1> Ini adalah heading </ h1>

<P> Ini adalah sebuah paragraf. </ P>

<P> Ini adalah paragraf lain. </ P>

</ Body>

</ Html>

	Hanya <body> daerah (area putih) ditampilkan oleh browser.

The <! DOCTYPE> Deklarasi

The <! DOCTYPE> deklarasi membantu browser untuk menampilkan halaman web dengan benar.
Ada jenis dokumen yang berbeda di web.

Untuk menampilkan dokumen dengan benar, browser harus tahu kedua jenis dan versi.
DOCTYPE deklarasi tidak sensitif huruf. Semua kasus yang diterima: