Beranda > Website > SEKILAS TENTANG HTML Part 2

SEKILAS TENTANG HTML Part 2

2. DOKUMEN HEAD

Dalam bagian head ini kita dapat meletakkan beberapa tag diantara <head> dan </head> yaitu :
  1. Judul
    Merupakan tag yang mendeklarasikan judul dari suatu dokumen HTML.Struktur tag untuk judul ini adalah :
    <title>…judul…</title>
  2. URL
    Merupakan tag yang menyatakan URL asal suatu dokumen HTML.Struktur tag untuk url asal adalah :
    <base href=”…”>
  3. Link
    Merupakan tag untuk menghubungankan antara suatu dokumen dengan dokumen lainnya dalam website yang dibuat. Struktur tag untuk menghubungkan dokumen adalah :
    <link href=”…”>
  4. Meta
    Merupakan tag yang menyatakan suatu meta informasi dalam suatu dokumen HTML. Struktur tag untuk meta informasi adalah :

    <meta name=”…” content=”…”>

  5. Index
    Merupakan tag yang menyatakan bahwa dokumen tersebut diperkenankan di indeks oleh server web. Struktur tag untuk isi index adalah :
    <isindex>
  6. Style
    Merupakan tag yang mendefinisikan style dari dokumen HTML. Struktur tag untuk mendefinisikan style adalah :

    <style ahref=”…”>
    Contoh penggunaan dalam HTML :
    <html>
    <head>
    <title>Belajar HTML</title>
    <link href=”global.css” rel=”stylesheet” type=”text/css”>
    </head>
    <body>
    … dokumen html …
    </body>
    </html>


3. ATRIBUT BODY

Bagian body dalam HTML adalah bagian dimana dokumen web akan terlihat dalam browser. Dalam bagian ini dapat berisi atribut-atribut, aturan dan isi dari dokumen web yang akan ditampilkan. Penulisan atribut body ini biasanya dituliskan sesudah tag “<body” dan sebelum “>” maupun sesudah tag <body> dan sebelum tag </body>. Dalam bagian body tersebut terdapat beberapa atribut yang bisa digunakan. Beberapa atribut tersebut adalah :
  1. Warna Latar
    Atribut tag untuk mendefinisikan warna latar untuk isi di dalam dokumen web dengan menuliskan “bgcolor=nilai warna”. Contoh :
    <body bgcolor=”lime”>
  2. Warna Teks
    Atribut tag untuk mendefinisikan warna teks untuk isi di dalam dokumen web dengan menuliskan “text=nilai warna”. Contoh :

    <body text=”green”>

  3. Warna Link
    Jika anda memiliki sebuah tombol untuk menghubungkan (link / hyperlink) dalam dokumen web yang anda buat dengan dokumen web lainnya, anda dapat mendefinisikan warna dari tombol link tersebut ketika kita klik dengan menggunakan tag <link=”nilai warna1” alink=”nilai warna2”> contoh :

    <body link=”green” alink=”grey”>

    Contoh penerapan dalam dokumen html :
    <html>
    <head>
    <title>Dokumen Body</title>
    </head>
    <body bgcolor=”lime” text=”green” link=”white” alink=”grey”>
    Teks berwarna lime<br>
    <a href=#>tombol1</a>
    <a href=#>tombol2</a>
    </body>
    </html>
    Dalam browser script diatas akan terlihat dua tombol yaitu tombol1 dan tombol2 dan ketika kita klik tombol tersebut maka akan berubah menjadi warna hijau

Sumber : Modul Desain Web Amik Akmi Baturaja

Kategori:Website
  1. April 17, 2010 pukul 9:19 am

    no coment deh :Deh, btw kl buat gambar son goku yang dipojok itu htmlny ap??

  2. April 30, 2010 pukul 11:56 am

    Gampang kok :pertama login ke blog trus dari edit HTML cari kode ]]></b:skin>trus letakkan kode dibawah ini diatasnya :#gambar_pojok {position:fixed;_position:absolute;top:0px; right:0px;clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); }udah tu cari kode </body> :dan letakkan kode ini diatas kode tersebut :<div id='gambar_pojok'><a href='http://www.topseratus.com/&#039; target='_blank'><img alt='100 Blog Indonesia Terbaik' border='0' src='http://www.topseratus.com/button.php?u=jaimanapez'/></a></div>tapi jangan lupa link ini :http://www.topseratus.com/&#039; target='_blank'><img alt='100 Blog Indonesia Terbaik' border='0' src='http://www.topseratus.com/button.php?u=jaimanapezdiganti dengan link gambar kamu. dah itu caranya dicoba ya

  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: