Facebook

header ads

Dasar-Dasar HTML - Bagian 2




Struktur Dokumen HTML



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:



  • Tag <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.





Referensi Tag HTML


1. Heading



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>






2. Paragraf



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>




Author : Yudhi

Posting Komentar

12 Komentar

  1. Oke thank's...... oia...!!!! Aku copy ke blog aku........... thank's lagi..........
    Monggo mas dilanjut...... :)

    BalasHapus
  2. Hebat mas, blognya bagus sekali.
    Saya adalah seorang pemula sekali, dan berdasarkan blog anda, saya sudah bisa bikin blog sendiri.

    BalasHapus
  3. SAYA SEBAGAI SISWA SMABA LAMONGAN YANG 1 KALI MENGGUNAKAN BLOG ANDA DAN SAYA SANGAT KEBINGUNGAN.............................

    BalasHapus
  4. Coba baca referensinya di http://www.wordpress.org ya

    BalasHapus
  5. mas tolong, ilmu nya dibagi dengan cara di download.

    BalasHapus
  6. 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

    BalasHapus
  7. agak susah tapi memang begitulah,

    BalasHapus
  8. [...] HTML, SGML, Web2.0, WWW, XML, XTHML | Komputer & Teknologi Informasi | Sudah ada 7 Komentar [...]

    BalasHapus
  9. 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.

    BalasHapus
  10. bagus pak...
    sangat membantu...

    BalasHapus
  11. sangat membantu sekali
    thanks

    BalasHapus
  12. keren om, coba langsung ah . . . biar bisa nglhin om hahahah (ngimpi kali ye)

    BalasHapus