Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body. Struktur HTML diapit oleh tag awal <HTML> dan tag akhir </HTML>. Standar penulisannya adalah:
<HTML>
<HEAD>
Deskrisi dokumen
</HEAD>
<BODY>
Isi dokumen
</BODY>
</HTML>
Contoh:
<HTML>
<HEAD>
<TITLE>Selamat datang di Homepage Saya</TITLE>
</HEAD>
<BODY>
Halo, apakabar?. Homepage ini merupakan hasil karya saya yang pertama.
</BODY>
</HTML>
Keterangan:
<TITLE> digunakan untuk memberi judul dokumen HTML. Judul ini dapat Anda lihat pada pojok kiri atas (title bar) browser. Ketika orang akan mem-bookmark web Anda, maka judul inilah yang akan disimpan.Untuk melihat hasilnya, silakan jalankan browser favorit Anda, seperti contoh di bawah ini digunakan Microsoft Internet Explorer.
Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen HTML. Heading berbeda dengan tag <TITLE> yang tidak bisa muncul dalam halaman web. HTML menyediakan enam tingkatan heading. Heading level 1 biasanya untuk judul utama.
Contoh:
<HTML>
<HEAD>
<TITLE>Headings</TITLE>
</HEAD>
<BODY>
<H1>Heading Level 1</H1>
<H2>Heading Level 2</H2>
<H3>Heading Level 3</H3>
<H4>Heading Level 4</H4>
<H5>Heading Level 5</H5>
<H6>Heading Level 6</H6>
</BODY>
</HTML>
Untuk membuat paragraf digunakan tag <P>. Setelah tag <P> Anda bisa menulis isi paragraf dan paragraf tersebut harus diakhiri dengan penutup </P>. Anda bisa mengatur posisi paragraf dengan attribut ALIGN. Atribut ALIGN diikuti dengan posisi yang diinginkan. LEFT untuk rata kiri, CENTER untuk rata tengah dan RIGHT untuk rata kanan.
Contoh:
<HTML>
<HEAD>
<TITLE>Paragraf</TITLE>
</HEAD>
<BODY>
<P ALIGN=”right”>
Beberapa tahun yang lalu, seorang hartawan meninggal dunia sedangkan ia tidak memiliki ahli waris. Kepada pengacaranya, ia meninggalkan dua buah surat yang disegel.Yang sebuah berisi permintaan agar jenazahnya dikuburkan pada jam empat dini hari. Surat yang kedua belum diketahui isinya karena disampulnya tertulis pesan agar dibuka seusai pemakaman jenazah
<P ALIGN=”center”>
Sesuai dengan wasiat, jenazah itu dikebumikan pada pukul empat dini hari. Karena tidak lazimnya waktu pemakaman pada jam tersebut, yang ikut mengantar jenazahnya hanya empat orang kawannya yang paling setia
<P ALIGN=”left”>
Seusai pemakaman, surat wasiat yang kedua dibuka. Betapa terkejutnya pengacara ketika membaca isinya, ialah wasiat bahwa seluruh harta warisan (yang bernilai lebih dari 800.000 pound) dibagi rata kepada orang-orang yang mengantarkan jenazahnya ke pemakaman. Dengan demikian, yang berhak memperoleh harta yang banyak itu hanya empat orang, sebagai imbalan bagi kesetiaan mereka. Sumber humor, kisah dan pepatah
</P>
</BODY>
</HTML>
![]() |
![]() |
|
![]() |
![]() |
Baca artikel tentang menjalankan Bisnis Jual Domain bersama Global Domains International untuk penjelasan lebih detail.

9 Komentar pada Dasar-Dasar HTML - Bagian 2
Jul 9, 2008
Oke thank’s…… oia…!!!! Aku copy ke blog aku……….. thank’s lagi……….
Monggo mas dilanjut……
Des 22, 2008
Hebat mas, blognya bagus sekali.
Saya adalah seorang pemula sekali, dan berdasarkan blog anda, saya sudah bisa bikin blog sendiri.
Mar 18, 2009
SAYA SEBAGAI SISWA SMABA LAMONGAN YANG 1 KALI MENGGUNAKAN BLOG ANDA DAN SAYA SANGAT KEBINGUNGAN………………………..
Mar 19, 2009
Coba baca referensinya di http://www.wordpress.org ya
Jun 27, 2009
mas tolong, ilmu nya dibagi dengan cara di download.
Agu 14, 2009
waduh.. sayang banget
bagian 2 langsung bahas Header2.. padahal kl bahas struktur dasar HTML akan lebih bagus
jadi apa manfaatnya <head> </Head> dan apa aja yg bisa di masukkan di dalam ^^v
Jan 22, 2010
agak susah tapi memang begitulah,
Feb 5, 2010
[...] HTML, SGML, Web2.0, WWW, XML, XTHML | Komputer & Teknologi Informasi | Sudah ada 7 Komentar [...]
Mei 23, 2010
Saya….baru nak buat blog, memang pening nak masukkan kod dalam blog saya, tapi….sekarang dah tahu sikit-sikit, nampaknya saya kena buat blog baru. Terima kasih banyak-banyak kerana tidak kedekut memberi ilmu kepada orang yang memerlukannya. Dan kamu akan menerima ganjaran yang diberikan Allah. Tengokllah blog saya jika ada kekurang boleh bagi komen. Hamba yg bari nak belajar.
Berikan Komentar