Dasar-Dasar HTML – Bagian 2

Follow sejutablog on Twitter
Data Halaman Blog:
» Ditulis hari oleh Yudhi
» Kategori: Komputer & Teknologi Informasi
» Telah 26.015 kali dibaca
Topik Sejenis:
Berikan Komentar!
» Sudah ada 12 komentar
» Ayo berikan pendapat Kamu
» Komentar dalam RSS
Artikel ke 2 dari 4 halaman blog berseri: Dasar-Dasar HTML

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>

Jika kamu suka dengan tulisan ini silakan Berikan Pendapatmu!. Pantau terus perubahan dan lanjutan dari halaman blog ini dengan cara Berlangganan RSS.


12 Komentar pada Dasar-Dasar HTML – Bagian 2

  1. avatar takbersenjata mengatakan:

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

  2. avatar Deddy Irawan mengatakan:

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

  3. avatar MICHAEL GORBACOV mengatakan:

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

  4. avatar Akhsan Muhamad mengatakan:

    mas tolong, ilmu nya dibagi dengan cara di download.

  5. avatar land angel mengatakan:

    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

  6. avatar kerja sampingan mengatakan:

    agak susah tapi memang begitulah,

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

  8. avatar HALIMAH mengatakan:

    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.

  9. avatar orang isaeng mengatakan:

    bagus pak…
    sangat membantu…

  10. avatar iraiyai mengatakan:

    sangat membantu sekali
    thanks

  11. avatar pendicool mengatakan:

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

Berikan Komentar

 

SejutaLagu
Permainan Game Online Gratis