Oke, postingan kali ini saya akan membahas tentang Hyper
Text Markup Language atau yang lebih dikenal dengan HTML. Dokumen
HTML disimpan dalam format teks reguler (biasanya ditulis dalam NotePad) dan
mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi
perintah-perintah yang dispesifikasikan. Secara sederhana HTML terdiri dari dua
bagian yaitu Header dan Body. Struktur HTML diapit oleh tag awal <HTML> dan tag
akhir </HTML>. Tag </…> adalah tag untuk
mengakhiri perintah. Standar penulisannya adalah:
<HTML>
<HEAD>
<TITLE>Judul halaman</TITLE>
</HEAD>
<BODY>
Isi dokumen
</BODY>
</HTML>
<HEAD>
<TITLE>Judul halaman</TITLE>
</HEAD>
<BODY>
Isi dokumen
</BODY>
</HTML>
Nah, sekarang kita akan belajar membuat sebuah tabel pada
laman web menggunakan bahasa (tag) html. Adapun tag-tag khusus yang digunakan
dalam pembuatan tabel adalah:
1. <table>. Dalam tag ini juga dapat disisipkan perintah border=… (titik-titik diisi angka 1 atau lebih, untuk ketebalan garis tabel) dan bgcolor=… (diisi nama warna dalam bahasa inggris, misalnya red, yellow, atau green untuk memberi warna dasar pada tabel).
Contoh: <table
border=1 bgcolor=green>
2. <tr>. Merupakan tag perintah untuk membuat baris dalam tabel. Ditulis diantara tag <table> dan </table> Jika ingin membuat baris baru, maka perintah ini harus diakhiri dengan </tr>.
3. <td>. Adalah tag untuk membuat kolom baru. Tag ini ditulis diantara tag <tr> dan </tr>. Sama seperti tag <tr>, jika ingin membuat kolom baru, maka tag ini harus diakhiri terlebih dahulu dengan </td>. Dalam tag ini bisa juga disisipi perintah colspan, yaitu perintah untuk menggabungkan dua atau lebih kolom menjadi satu. Dan rowspan, untuk menggabungkan beberapa baris dalam satu kolom.
Terakhir,
jangan lupa menyimpan hasilnya dengan format html dengan tipe All Files, agar
file yang dibuat tadi dapat dibuka di browser anda.
Berikut ini adalah contoh tabel yang saya buat.
2. <tr>. Merupakan tag perintah untuk membuat baris dalam tabel. Ditulis diantara tag <table> dan </table> Jika ingin membuat baris baru, maka perintah ini harus diakhiri dengan </tr>.
3. <td>. Adalah tag untuk membuat kolom baru. Tag ini ditulis diantara tag <tr> dan </tr>. Sama seperti tag <tr>, jika ingin membuat kolom baru, maka tag ini harus diakhiri terlebih dahulu dengan </td>. Dalam tag ini bisa juga disisipi perintah colspan, yaitu perintah untuk menggabungkan dua atau lebih kolom menjadi satu. Dan rowspan, untuk menggabungkan beberapa baris dalam satu kolom.
Contoh: <tr><td>Syahrul</td><td rowspan=2>Lulus</td></tr>
<tr><td>Risma</td><tr>
4. <font>.
Tag untuk mengatur gaya tulisan yang ingin digunakan untuk tabel maupun laman
web yang akan dibuat. Diletakkan diantara tag <body> atau <td>. Dalam
tag ini bisa juga disisipi perintah size=… (diisi dengan angka, untuk
mengatur ukuran huruf). face=”….” (diisi dengan nama font yang ingin
digunakan), serta colour=”…” (diisi dengan nama warna yang ingin
digunakan). Dan diakhiri dengan </font>.
Contoh: <font size=5 face="Arial" color="red">Nilai Ulangan Harian Kelas X-2</font> 5. <center>, <left>, <right>. Digunakan untuk merapikan tulisan dalam tabel. Contoh: <td><font size=3 face="Arial"><center>LULUS</center></td>
Berikut ini adalah contoh tabel yang saya buat.
0 komentar:
Posting Komentar