Minggu, 27 Maret 2011

Belajar Tag dasar HTML



Sebelum nya kita membahas tentang Kode CSS border, padding dan margin. sekarang gimana pula kita membahas tentang kode tag HTML. biar lebih complate tutor di web ini.Langsung ke topik pembahasan kita.

Tag dasar HTML Terbagi menjadi 5 bagian, yaitu Document Type definition(DTD/Doctype), htmlheadtitle, dan body.

  • <!DOCTYPE

    untuk menjelaskan versi HTML pada skrip yang kita buat ditulis pada bagian paling atas.
    contoh penulisan:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    kode diatas menunjukkan bahwa kita menggunakan HTML versi 4.01. sebenarnya tanpa menyertakan Doctype pun halaman website masih bisa dibuka. Namun W3C (Word wide web consortium) sebagai menyedia pembangunan teknologi yang berhubungan dengan web, menganjurkan untuk selalu menggunakan tag ini di awal halaman web.
  • <html>.......</html>

    Digunakan untuk membuka dan menutup dokumen HTML.
  • <head>.......</head>

    Digunakan untuk menuliskan keterangan dokumen HTML, misalnya judul halaman.
  • <title>.......</title>

    Di gunakan untuk menulis judul halaman.
    contoh: <title>Panduan sukses blogger</title>
  • <body>.......</body>

    Digunakan untuk menulis tag-tag yang akan menjadi konten website.

    Dibawah ini Beberapa Atribut untuk Tag Body

    <body bgcolor=?> = Menentukan warna latar
    <body text=?> = Menentukan warna teks
    <body link=?> = Menentukan warna link sebelum diklik
    <body vlink=?> = Menentukan warna link setelah diklik
    <body alink=?> = Menentukan warna link ketika sedang diklik

    Untuk Tag Teks
    <h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5>,<h6></h6> = untuk membuat heading teks dari yang terbesar (h1) sampai yang terkecil (h6)
    <b></b> = untuk membuat huruf tebal
    <i></i> = untuk membuat huruf miring
    <tt></tt> = untuk membuat huruf seperti font pada mesin tik.
    <em></em> = untuk membuat huruf miring
    <strong></strong> = untuk membuat huruf tebal
    <font size=?></font> = untuk menentukan besar huruf
    <font color=?></font> = untuk menentukan warna huruf

    Tag untuk Format Teks

    <p></p> = membuat paragraf
    <p align=?> = menentukan perataan teks, rata kiri, kanan, atau tengah
    <br> = membuat baris baru
    <ol></ol> = membuat daftar item dengan nomor urut
    <ul></ul> = membuat daftar item tanpa nomor urut
    <li></li> = menentukan awal dan akhir setiap baris pada daftar item

    Tag untuk Gambar
    <img src="file"> = menentukan lokasi file gambar
    <img src="file" align=?> = menentukan penempatan gambar: kiri, kanan, tengah, bawah, atas
    <img src="file" border=?> = menentukan border gambar
    <img src="file" alt=nama"> = menentukan nama alternatif untuk gambar. diperlukan jika browser tidak mengaktifkan gambar

    Tag untuk Tabel

    <table></table> = membuat awal dan akhir sebuah tabel
    <tr></tr> = menentukan sebuah baris pada tabel
    <td></td> = membuat sel data pada tabel
    <th></th> = membuat judul kolom
Selamat mencoba..........

Tidak ada komentar:

Posting Komentar