Pemrograman Web: Pendahuluan HTML

Pemrograman Web: Pendahuluan HTML


Pemrograman Web: Pendahuluan HTML - 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
<!DOCTYPE html>
<html>
           <head>
                      <title>Judul Halaman</title>
           </head>

           <body>
                     <h1>Judul</h1>
                     <p>Paragraf</p>
           </body> 
</html>
Penjelasan
  • 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 .

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:
<!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-contoh di W3Schools menggunakan HTML5.
Versi HTML Sejak awal dari web, ada banyak versi HTML:
Version Year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2012

Advertisements
Back To Top