Laman

Minggu, 15 April 2012

HTML Introduction

Contoh

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Try it yourself »

Penjelasan Contoh

  • Deklarasi DOCTYPE mendefinisikan tipe dokumen
  • Teks di antara <html> dan </html> menjelaskan halaman web
  • Teks di antara <body> dan </body> adalah isi halaman yang terlihat
  • Teks di antara <h1> dan </h1> ditampilkan sebagai heading
  • Teks di antara <p> dan </p> ditampilkan sebagai sebuah paragraf
lamp Deklarasi <!DOCTYPE html> adalah sintaks untuk generasi HTML terbaru - HTML5.

Apa itu HTML?

HTML adalah bahasa untuk mendeskripsikan halaman web.
  • HTML singkatan dari Hyper Text Markup Language
  • HTML bukanlah bahasa pemrograman, HTML adalah markup language atau sistem penyiapan dokumen untuk peranti lunak Teks
  • Sebuah markup language adalah serangkaian markup tags
  • Tujuan dari tag adalah untuk menjelaskan konten halaman

HTML Tags

HTML markup tag biasanya disebut tag HTML
  • Taq HTML berupa kata kunci/keywords (nama taq) yang diapit oleh tanda kurung seperti <html>
  • Tag HTML umumnya selalu berpasangan seperti <b> dan </b>
  • Tag pertama dalam pasangan adalah tag awal dan tag kedua adalah tag akhir
  • Tag penutup ditulis seperti tag pembuka, dengan garis miring sebelum nama tag
  • Taq awal dan tag akhir juga disebut tag pembuka dan tag penutup
<tagname>content</tagname>


HTML Elements

"HTML tags" dan "HTML elements" sering digunakan untuk menggambarkan hal yang sama.
Tapi sesungguhnya, elemen HTML selalu diantara tag awal dan tag akhir, termasuk Taq HTML:
HTML Element:
<p>This is a paragraph.</p>


HTML Documents = Web Pages

  • Dokumen HTML menggambarkan web pages
  • Dokumen HTML berisi tag HTML dan teks biasa
  • Dokumen HTML juga disebut web pages

Web Browsers

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


HTML Page Structure

Di bawah ini adalah visualisasi dari struktur halaman HTML:
<html>
<body>
<h1>This a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>

Tidak ada komentar: