Struktur Dasar HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>Alinea Pertama</p>
</body>
</html>

Penjelasan

  • Deklarasi DOCTYPE mendefinisikan jenis dokumen
  • Teks antara <html> dan </ html> menjelaskan halaman web
  • Teks antara <body> dan </ body> adalah isi halaman yang terlihat
  • Teks antara <h1> dan </ h1> ditampilkan sebagai judul
  • Teks antara <p> dan </ p> ditampilkan sebagai sebuah paragraf

lampuDeklarasi DOCTYPE adalah untuk HTML5. <DOCTYPE html!>

Apa itu HTML?

HTML adalah bahasa untuk mendeskripsikan halaman web.

  • HTML singkatan Hypertext Text Markup Language
  • HTML adalah bahasa markup
  • Sebuah bahasa markup adalah seperangkat tag markup
  • Tag menggambarkan isi dokumen
  • Dokumen HTML berisi HTML tag dan teks biasa
  • Dokumen HTML juga disebut halaman web

HTML Tag

HTML markup tag biasanya disebut tag HTML

  • Tag HTML adalah kata kunci (nama tag) dikelilingi oleh kurung sudut seperti <html>
  • Tag HTML biasanya berpasangan seperti <b> dan </ b>
  • Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
  • Tag akhir ditulis seperti tag awal, dengan garis miring sebelum nama tag
  • Mulai dan tag akhir juga disebut tag pembuka dan tag penutup

<tagname> konten </ tagname>


Elemen HTML

“HTML tag” dan “HTML elemen” sering digunakan untuk menggambarkan hal yang sama.

Tapi tegasnya, sebuah elemen HTML adalah segalanya antara tag awal dan tag akhir, termasuk tag:

Elemen HTML:
<p> Ini adalah sebuah paragraf. </ p>


Web Browser

Tujuan dari web browser (seperti Google Chrome, Internet Explorer, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya sebagai halaman web. Browser tidak menampilkan tag HTML, tetapi menggunakan tag untuk menafsirkan isi halaman:

Browser


Halaman HTML Struktur

Di bawah ini adalah visualisasi dari sebuah struktur halaman HTML:

<html>

<body>

<h1> Ini sebuah Pos </ h1>

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

<p> ini adalah ayat yang lain. </ p>

</ Body>

</ Html>


HTML Versi

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

Versi

Tahun

HTML

1.991

HTML +

1.993

HTML 2.0

1.995

HTML 3.2

1.997

HTML 4.01

1.999

XHTML 1.0

2.000

HTML5

2.012

Xhtml5

2.013


The <DOCTYPE!> Deklarasi

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

Ada berbagai dokumen di web, dan browser hanya dapat menampilkan halaman HTML 100% benar jika ia tahu jenis dan versi HTML yang digunakan.


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”&gt;

XHTML 1.0

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;

Untuk daftar lengkap dari deklarasi tipe dokumen, kunjungi Referensi DOCTYPE.

Iklan

Orang baik akan berkomentar yang baik

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s