Selasa, 12 Oktober 2010

Struktur dasar HTML

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/").

Sebuah halaman web minimal mempunyai empat buat tag, yaitu :

1. <HTML>
Setiap document HTML harus di awali dan di tutup dengan tag HTML
<HTML>

</HTML>
tag HTML memberi tahu browser bahwa yang di dalam kedua tag tersebut adalah
document HTML.

2. <HEAD>
 Bagian header dari document HTML di apit oleh tag <HEAD></HEAD> di dalam bagian
ini dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser.
Contoh :
<HTML>
<HEAD><TITLE> </TITLE>
</HEAD>

</HTML> 

3.<TITLE>
Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).
Contoh :
<HTML>
<HEAD>
<TITLE>Belajar HTML</TITLE>
</HEAD>
</HTML>

4. <BODY>
Document body di gunakan untuk menampilkan text, image link dan semua yang akan
di tampilkan pada web page.
Contoh :
<BODY> Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.</BODY>

Atribut : 
 BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.

Contoh :

<BODY bgcolor="#000000" background="images/pcb.gif" text="#FFFFFF" link="#FF0000" vlink="FFFF00" alink="#0000FF"> Saya Suka Belajar HTML!!!!</BODY>

Untuk menamai atau memberikan judul pada halaman web yang akan Anda buat maka
digunakan tag <TITTLE> dan </TITTLE>. Judul ini akan terlihat pada sudut kiri atas pada
halaman web. Tag <TITTLE > akan berada di dalam tag <HEAD>. Kini saatnya Anda membuat
halaman web Anda yang pertama. Bukalah Notepad dari Start Menu dan ketik kode
html di bawah ini, kemudian simpanlah di C:\My Documents\hello.html. Ingat! Nama filenya
adalah hello.htm
atau hello.htm, bukanlah hello.htm.txt atau hello.txt. 

<HTML>
<HEAD>

<TITTLE>Selamat datang pada HomePage Saya</TITTLE>
</HEAD>
<BODY>

Halo semua, Bagaimana kabar Anda sekalian?
3
</BODY>
</HTML> 


Kemudian, bukalah Mozilla Firefox dan pilih menu: File Open, dan bukalah C:\My
Documents\hello.html. Maka akan terlihat sebagai berikut :

 

Contoh 1 :

<HTML>
<HEAD>
<TITLE>Halaman pembuka</TITLE>
</HEAD>
<BODY>
              Belajar bahasa pemrograman web ternyata mudah juga :)
</BODY> 
</HTML>

Lihat Hasilnya Di bawah ini..




Contoh 2 :

<html>
    <head>
        <title>Halaman pembuka 2</title>
    </head>
    <body text=blue>
        Belajar bahasa pemrograman web ternyata mudah juga :)
    </body>
</html>

Lihat Hasilnya Di bawah ini..


Contoh 3 :

<html>
<head>
<title>
Halaman pembuka 3</title>
</head>
<body text="red" bgcolor="black">
        Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>

Lihat Hasilnya Di bawah ini..


Selamat mencoba.....^_^


Tidak ada komentar:

Posting Komentar