tutorial pengembangan web terbaru

HTML Pendahuluan

❮ Sebelumnya Berikutnya Bab ❯

Apa itu HTML?

HTML adalah bahasa markup untuk mendeskripsikan dokumen web (web pages) .

  • HTML singkatan dari Hyper Text Markup Language
  • Sebuah bahasa markup adalah seperangkat markup tags
  • Dokumen HTML dijelaskan oleh HTML tags
  • Setiap tag HTML describes isi dokumen yang berbeda

Contoh HTML

Sebuah dokumen HTML kecil:

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

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Cobalah sendiri "

misalnya 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> menyediakan judul untuk dokumen
  • Teks antara <body> dan </body> menggambarkan isi halaman yang terlihat
  • Teks antara <h1> dan </h1> menggambarkan sebuah heading
  • Teks antara <p> dan </p> menggambarkan sebuah paragraf

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

Tags HTML

Tag HTML adalah kata kunci (tag names) dikelilingi oleh angle brackets :

<tagname>content</tagname>
  • Tag HTML biasanya datang in pairs seperti <p> dan </p>
  • Tag pertama dalam pasangan adalah start tag, tag kedua adalah end tag
  • Tag akhir ditulis seperti tag awal, tetapi dengan garis miring sebelum nama tag

Tag awal sering disebut opening tag . Tag akhir sering disebut closing tag .

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:

Lihat di Browser

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 (the white area) ditampilkan oleh browser.

The <!DOCTYPE> Deklarasi

The <!DOCTYPE> deklarasi membantu browser untuk menampilkan halaman web dengan benar.

Ada yang berbeda jenis dokumen di web.

Untuk menampilkan dokumen dengan benar, browser harus tahu kedua jenis dan versi.

DOCTYPE deklarasi tidak sensitif huruf. Semua kasus yang diterima:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

Deklarasi umum

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Semua tutorial dan contoh di w3ii menggunakan HTML5.

Versi HTML

Sejak hari-hari 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

❮ Sebelumnya Berikutnya Bab ❯