1. Tag <p>..</p>
Tag <p> digunakan untuk membuat paragraph di halaman website. Ada
beberapa tipe dari paragraph antara lain : rata kiri, rata tengah, rata kanan dan justify. Berikut contoh
cara pemberian paragraph di html.
<html>
<head>
<title>Atribut Tag <P></title>
</head>
<body>
<p align="left"><b>Rata di sebelah
kiri</p>
<p align="center">Rata di sebelah
tengah</p>
<p align="right">Rata di sebelah
kanan</b></p>
<p align="justify">Rata di sebelah kiri dan
kanan, perhatikan paragraph ini hasilnya rata kiri dan rata kanan
le adjunto un archivo comprimido del data glitch para que no
les detecte el antivirus y se los borre. gracias por ver mis tutoriales,
cualquier duda dejame tu comentario. no olviden darle like si fue util y de
suscribirse, pronto estare subiendo mas tutoriales.
</p>
</body>
</html>
Ketik kode diatas dan simpan sebagai file .html , dan Hasilnya
akan diperoleh seperti gambar dibawah ini
2. Tag <font>...</font>
Tag <font> berfungsi untuk mendesain baik jenis,
ukuran dan warna huruf. Berikut contoh secriptnya :
<html>
<head>
<title>Atribut dari Tag Font</tile>
</head>
<body>
<p><font face="Arial">Jenis type Font</font></p>
<head>
<title>Atribut dari Tag Font</tile>
</head>
<body>
<p><font face="Arial">Jenis type Font</font></p>
<p><font face="Arial"><i>Ini Font Arial dan miring</i></font></p>
<p><font face="verdana" size="4" color="blue"><b>Ini Font Verdana berukuran 12 pt berwarna biru sekaligus tebal</b></font>
<p align="center"><font face="Tahoma" color="red"><b>Ini Font Tahoma berwarna merah, tebal dan berada di tengah</b></font><p>
<p align="center"><font face="Arial" color="red">Ini Font Arial berwarna Merah,</font><font face="Verdana" color="blue">Sedangkan ini adalah font Verdana berwarna biru</font></p>
</body>
</html>
Ketik kode diatas dan simpan sebagai file .html. dan
hasilnya lihat dibawah ini
3. Tag <table>...</table>
Tag <table> memiliki banyak sekali atributnya, dalam
membuat table kita bisa mendesign sebagus mungkin, di atribut
<table>bayak pilihan atau cara untuk mendesign table agar lebih bagus.
Berikut contohnya:
<html>
<head>
<title>Atribut dari tag tabel</title>
</head>
Temukan rahasia menjadi webmaster dalam 30 hari hanya di
http://www.rahasia-webmaster.com/
Bab 2 - Menggunakan Atribut dari Tag
12
<body>
<p><b>Membuat Tabel</b></p>
<table border="1" bordercolor="black"
bgcolor="white" cellpadding="8"
cellspacing="0" width="100%">
<tr> <!-- <tr> artinya membuat sebuah baris
-->
<td>Ini kolom 1 pada baris 1</td> <!--
<td> = membuat sebuah kolom. -->
<td>Ini kolom 2 pada baris 1</td> <!--
</td> mengakhiri sebuah kolom -->
</tr> <!-- mengakhiri sebuah baris -->
<tr>
<td>Ini kolom 1 pada baris 2</td>
<td>Ini kolom 2 pada baris 2</td>
</tr>
</table>
<p><b>Contoh 2: Membuat
Tabel</b></p>
<table border="1" bordercolor="black"
bgcolor="white" cellpadding="8"
cellspacing="0" width="100%">
<tr bgcolor="yellow">
<td align="center">Ini kolom 1 pada baris
1</td>
<td align="right">Ini kolom 2 pada baris
1</td>
</tr>
<tr>
<td align="center" bgcolor="red"><font
color="white">Ini kolom 1 pada baris
2</font></td>
<td align="right">Ini kolom 2 pada baris
2</td>
</tr>
</table>
<p><b><font color="blue">Tabel
sebagai bingkai dari paragraf</font></b></p>
<table border="1" style="border-collapse:
collapse" cellpadding="8"
bgcolor="white" width="100%"
bordercolor="black">
<tr>
<td><p>Tabel memiliki peranan sangat penting
dalam tampilan sebuah situs web.
Tanpa tabel desainer akan mengalamai kesulitan dalam
mendesain sebuah halaman
web.</p>
<p>Kalau anda perhatikan website yan memiliki tampilan
yang tersusun rapi.
Sebenarnya itu adalah tabel hanya saja atribut <font
color="red"><b>border="0"</b></font>
sehingga tabel seakan tidak
ada(transparan).</p>
<p>beberapa situs website banyak menggunakan tabel
sebagai bingkai
paragraf. Perlu diingat tag-tag pada html dapat mengandung
unsur yang sama.
Contohnya di dalam sebuah tabel terdapat tabel lagi. Di
bawah ini adalah tabel
yang berada di dalam tabel utama</p>
<p align="center">
<!-- tag <table> untuk tabel anak -->
<table border="1" style="border-collapse:
collapse" bgcolor="white"
bordercolor="black" cellpadding="8"
width="80%">
<tr bgcolor="yellow">
<td><b>Nama Barang</b></td>
<td><b>Harga Barang</b></td>
</tr>
<tr>
<td>Monitor</td><td>Rp.
500.000,-</td>
</tr>
<tr>
<td>CDRW</td><td>Rp. 245.000,0</td>
</tr>
</table>
</tr>
</table>
Copy script diatas dan simpan dengan extensi .html. maka
hasilnya akan seperti dibawah ini
Bersambung ke part 2
Post a Comment