Dasar-Dasar HTML - Bagian 2

1 Bintang2 Bintang3 Bintang4 Bintang5 Bintang (oleh 1 orang, rata-rata 3,00 dari 5)
Follow sejutablog on Twitter
Data Halaman Blog:
» Ditulis hari Jumat, 25 April 2008 oleh Yudhi
» Kategori: Komputer & Teknologi Informasi
» Telah 6.516 kali dibaca
Topik Sejenis:
Berikan Komentar!
» Sudah ada 9 komentar
» Ayo berikan pendapat Kamu
» Komentar dalam RSS
Mau $125 dalam 24 jam?
Hanya butuh waktu beberapa menit untuk membangun bisnis online Anda sendiri, lakukan sekarang juga!.

E-Mail Anda:

Masukkan Kode:

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>

Navigasi Artikel Berseri«Dasar-Dasar HTML - Bagian 1Dasar-Dasar HTML - Bagian 3»

Dapatkan tiket kesempatan meraih hingga ribuan dollar per-bulan hanya dari berjualan domain!

Baca artikel tentang menjalankan Bisnis Jual Domain bersama Global Domains International untuk penjelasan lebih detail.

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


9 Komentar pada Dasar-Dasar HTML - Bagian 2

  1. takbersenjata takbersenjata

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

  2. Deddy Irawan Deddy Irawan

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

  3. MICHAEL GORBACOV MICHAEL GORBACOV

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

  4. Rahmat Wahyudi Yudhi

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

  5. Akhsan Muhamad Akhsan Muhamad

    mas tolong, ilmu nya dibagi dengan cara di download.

  6. Gunawan Wibisono land angel

    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

  7. kerja sampingan kerja sampingan

    agak susah tapi memang begitulah,

  8. DASAR-DASAR HTML « tekhnik komputer dan informatika DASAR-DASAR HTML « tekhnik komputer dan informatika

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

  9. HALIMAH HALIMAH

    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.

Dapatkan Domain Gratis .co.cc sekarang juga!.

Berikan Komentar

Web Hosting

Komunitas Blog dan Blogger Indonesia