BELAJAR HTML
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
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">
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">
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 <th> 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 :
| NO | NAMA | ALAMAT |
|---|---|---|
| 1 | BAMBANG | Jl. Manuk Ijo No 7 Madiun |
| 2 | Liem Ay Fang | Jl. 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:
| NO | DATA SISWA | |
|---|---|---|
| NAMA | Ekstrakurikuler | |
| 1 | Liem Ay Fang | komputer |
EmoticonEmoticon