Senin, 28 September 2009

PENDAHULUAN

Internet menjadi suatu yang sudah sangat biasa di masyarakat. Lihat saja WARNET ada dimana-mana. Ada begitu banyak bidang kehidupan yang di lirik oleh Internet. Ada banyak sekali macam dan bentuk dari halaman internet/ website/situs/ homepage yang ada, baik di bidang berita, bisnis, pendidikan ataupun Cuma perorangan.

Setiap website pasti menginginkan tampilan yang menarik sehingga akan dikunjungi lagi dilain waktu. Nah sekarang bagaimana sih kiat merancang sebuah website?

HTML?

Apa tuh HTML…

HTML kependekan dari HyperText Markup Language. HTML adalah sebuah bahasa komputer yang digunakan di dunia www (world wide web) atau dunia internet.

Jika HTML adalah sebuah bahasa, maka di dalam HTML juga terdapat perintah-perintah. Sebuah perintah dalam HTML disebut dengan tag, dan sebuah tag selalu berada dalam tanda <…..>. Seperti contoh sebuah perintah “Ayo belajar” maka dapat dituliskan dalam tag seperti . Sebuah kode tag juga harus diakhiri dengan contoh

Ada banyak sekali kode tag yang harus kita ketahui untuk mempelajarinya. Ada tag yang digunakan untuk mengatur halaman, huruf, judul, gambar, tabel atau link… masih banyak sekali…..

BENTUK DASAR

Kita akan memulai dengan membuat sebuah web…
Bukalah notepad (Start – All Program – Accessories Notepad). Nah di dalam notepad ini kita bisa membuat dokumen HTML kita. Contoh sebuah dokumen HTML.


<html>

<head><title>Judul Dokumen HTML</title></head>

<body>

disinilah isi dokumen html di edit.

</body>

</html>




Kode tersebut di ketijk dalam note pad dan simpan. Untuk menyimpan, perhatikan bahwa nama dokumen harus diakhiri dengan .HTML jadi jika namanya adalah latihan1 maka harus menjadi latihan1.HTML.

PARAGRAF

Untuk mengatur paragraf, gunakan tag

<br> -- untuk turun satu baris

<p> -- untuk turun satu paragraf..
contoh :

Hari ini aku sangat lelah<br>
Karena seharian aku bekerka<br>
Dengan giat<p>
oleh: Sindu

BACKGROUND

Sebuah dokumen HTML akan sering dikunjungi apabila salah satunya adalah memiliki tampilan yang menarik. Background adalah salah satu cara untuk membuat tampilan web menjadi menarik.
Background bisa berbentuk warna saja ataupun gambar.

background terletak pada tag <body>
<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.
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">

FONT

FONT

DAFTAR

DAFTAR

TABEL

TABEL
Tabel bisa membuat dokumen kita lebih mudah dibaca dan indah. Hampir semua dokumen HTML menggunakan fasilitas HTML ini :
<table> Merupakan tag awal tabel
<table> sering diikuti dengan border = n (n adalah bilangan yang menunjukkan ketebalan garis border.

<table>=0 berarti tanpa garis
<tr> ...</tr>tag untuk mengawali baris
<th>...</th>tag untuk judul kolom
<td>...</th>tag untuk kolom
beda <td> dan <th> adalah :<br>
untuk &ltth> menghasilkan teks tebal dan center.
untuk<td> tidak.<br>

Contoh :

<table>
<tr>
<th>NO</th>
<th>NAMA</th>
<th>ALAMAT</th>
</tr>

<tr>
<td>1</td>
<td>BAMBANG</td>
<td>Jl. Manuk Ijo No 7 Madiun</td>
</tr>

<tr>
<td>2</td>
<td>Liem Ay Fang</td>
<td>Jl. Sumbing No 700 Madiun</td>
</tr>
</table>

HASILNYA :

NONAMAALAMAT
1BAMBANGJl. Manuk Ijo No 7 Madiun
2Liem Ay FangJl. Sumbing No 700 Madiun

MENGGABUNGKAN KOLOM / BARIS

<td colspan="n"> - menggabungkan kolom n adalah bilangan jumlah kolom yang akan digabungkan

<td rowspan="n"> - menggabungkan baris n adalah bilangan jumlah baris yang akan digabungkan

contoh :
Contoh :

<table>
<tr>
<th rowspan=2>NO</th>
<th colspan=2>DATA SISWA</th>
</tr>

<tr>
<td>NAMA</td>
<td>Ekstrakurukuler</td>
</tr>

<tr>
<td>1</td>
<td>Liem Ay Fang</td>
<td>komputer</td>
</tr>
</table>

hasilnya:


NODATA SISWA
NAMAEkstrakurikuler
1Liem Ay Fangkomputer

GAMBAR

MENAMPILKAN GAMAR