18 Nov 2014

Pengenalan HTML

Apa itu HTML?
HTML adalah bahasa markup (sistem modern untuk menganotasi dokumen dengan cara yang secara sintaksis dibedakan dari teks) untuk menggambarkan dokumen web (halaman web)
  •  HTML adalah kepanjangan dari Hyper Text Markup Language
  • Merupakan bahasa markup (sistem modern untuk menganotasi dokumen dengan cara yang secara sintaksis dibedakan dari teks) untuk mengatur tag markup
  • Dokumen HTML digunakan untuk menggambarkan tag HTML
  • Setiap tag HTML menjelaskan isi dokumen yang berbeda
Contoh HTML




Penjelasan Contoh Diatas:


  • Deklarasi DOCTYPE itu maksudnya adalah tipe dokumen 
  •  Teks diantara <html> dan </html> menggambarkan dokumen web 
  •  Teks diantar <body> dan <body> menggambarkan isi halaman yang terlihat 
  •  Teks diantara <h1> dan </h1> menggambarkan judul 
  •  Teks diantara <p> dan </p> menggambarkan paragraf
Menggunakan deskripsi, web browser dapat menampilkan dokumen dengan judul dan paragraf.






Tag HTML


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





 
  • Tag HTML pada umumnya dibentuk berpasangan seperti <p> dan </p> 
  • Tag pertama pada pasangan adalah tag untuk membuka, tag kedua adalah tag untuk menutup 
  • Tag penutup ditulis seperti tag pembuka, tetapi di tambah garis miring sebelum nama tag


Web Browsers

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





Struktur Halaman HTML

Dibawah ini adalah visualisasi dari struktur halaman HTML:




Versi HTML

Sejak awal adanya web, ada banyak versi HTML:




Deklarasi <!DOCTYPE>

Deklarasi <!DOCTYPE> membantu browser untuk menampilkan halaman page secara benar.
Ada begitu banyak dokumen yang berbeda di web, dan browser hanya dapat menampilkan halaman HTML secara benar jika itu diketahui oleh versi dan tipe HTML.
Deklarasi doctype bukan pemanggil yang sensitif. Semua pemanggil yag dapat diterima:





Deklarasi Sejenis





Baca juga :




Translated from http://www.w3schools.com/
Edited By: Nasrullah Akbar Ramadhani – Project X


0 komentar:

Post a Comment

Newer Post Older Post Home

Visitors

Popular

 

Project X

Warung

STMIK YMI TEGAL

Followers

 

Templates by Nano Yulianto | CSS3 by David Walsh | Powered by {N}Code & Blogger