Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page
Search the Web

Bahasa HTML

Kode-kode Dasar HTML

 

File html mempunyai 2 bagian yaitu kepala (head) dan badan (body). Bagian kepala merupakan isian tentang halaman tersebut, sebagai contoh, Title halaman. Bagian badan pula berfungsi untuk memaparkan isi dari halaman web tersebut.

_______________________________________________________________________________________________

 

dokumen html yang paling ringkas:

<html>
<head></head>
<body>
Halaman Utama.
</body>
</html>

Kode-kode html terdiri daripada tag-tag. Setiap yang terkandung dalam huruf '<' dan huruf '>' dinamakan tag. Tag ini tidak akan dipaparkan oleh browser html anda sebaliknya, hal tsb akan diterjemahkan sebagai corak paparan. Di dalam contoh pertama, anda telah dikenalkan dengan:

tag <html>,
tag <head> dan
tag <body>.

Tag-tag tersebut mempunyai pembuka dan penutup, yaitu:

<html>...</html>,
<head>...</head> dan
<body>...</body>.

Pembuka dan penutup ini perlu kerana hal akan mendefinisikan karakter yang mempunyai corak tersebut. Perhatikan juga bahwa penutup tag mempunyai tanda '/' sebelum nama tag tersebut.

Sekarang

Contoh sederhana:

<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Halaman Utama</title>
</head>
<body bgcolor="#FFFFFF">
<p>Halaman percobaan dalam pembuatan homepage</p>
</body>
</html>

Tag <title> dan </title> adalah merupakan nama halaman anda yang akan tampil pada toolbars bawah monitor anda. Saat anda akan menyimpan suatu konsep halaman yang telah anda kerjakan pada program Frontpage Express atau Microsoft Frontpage 2000, maka anda akan diminta untuk mengisi Page Title anda. Sedangkan tag <p> dan </p> merupakan pembuka dan penutup karakter yang ada di antaranya.

_______________________________________________________________________________________________

Untuk memformatkan teks dalam bentuk italic atau bold anda ikuti contoh di bawah

<html>
<head></head>
<body>
<i>Percobaan.</i><br>
<b>Percobaan.</b>
</body>
</html>

Edit file index.htm tadi menjadi seperti ini. Jika anda menggunakan Internet Explorer, boleh klik menu View-Source dan secara otomatis Notepad akan keluar dengan kode-kode html asal tadi. Walau bagaimanapun, jika anda menggunakan Netscape Navigator, anda boleh membuka Notepad dan klik menu File-Open, pilih All-files, dan dua kali klik file index.htm

Ubah seperti kode di atas dan Save. Untuk melihat perubahan yang terjadi, pada menu browser html anda klik refresh. Untuk memudahkan anda mengikuti tutorial ini, biarkan menu browser anda dan notepad anda aktif sepanjang waktu.

Tag <i> adalah tag untuk menjadikan huruf-huruf di sekitar tag <i>...</i> sebagai corak italic. Jika anda ubah tag <i> menjadi <b> maka huruf-huruf akan dipaparkan dalam bentuk bold. Tag <br> pula bertujuan untuk menulis ke baris seterusnya.

_______________________________________________________________________________________________

 

Tag <head> digunakan bila anda hendak meletakkan kepala untuk halaman anda. Perhatikan kode di bawah.

<html>
<head><title>Halaman utama</title></head>
<body>
<i>Percobaan.</i><br>
<b>Percobaan.</b>
</body>
</html>

Jika anda lihat halaman ini anda akan lihat bagian "Halaman utama" berada di baris title browser tersebut. Inilah gunanya tag <head>, untuk menyimpan kepala tentang halaman anda.

 

 

  		 

NEXT
 
Copyright © 1997-2001 Gabriel Morientes [GM], Inc., All Rights Reserved
gabriel@morientes.cc
Medan 2001