Membuat Table 1:
<table border='5'><tr><td>TEKS K0MENT
KAMU</tr></td></table>
Membuat Table 2:
<table border="6"
class="success"><tr><td align="center">TEKS
COMENT COMENT KAMU</td></tr></table>
Membuat Table 3:
<div style="text-align:center;"><table
style="background-color:#FF0000;border:8px #00FF00
dotted;"><tr><th><table border="4"
style="background-color:#FFFFFF;"><tr><td><b
class="err">TEKS COMEN KAMU</b></td></tr></table></th></tr>
Membuat Table Sederhana:
<div style="text-align:center;><table
width="100%"border="3"><tr><td
width="100%"bg color="#BBBBBB"a
lign="center">tulisan</a></div>
Membuat Table sederhana dengan latar
gambar :
<div style="text-align:center;
background-image:url(URL GAMBAR);
border:black 3px double;
padding:2px;margin:2px;color;green">tulisan kita</div>
Membuat Table dengan div style:
<div style="background-color:black;
border-style:ridge;border-width:2px;border-color:red;margin:2px">
<div style='background-color:black;
border-style:ridge;border-width:2px;border-color:silver;margin:2px;
padding:2px'>
<tr>
<td align='center' bgcolor='black'>
tulisan kamu
<img src="http://URL PHOTO KAMU"><br><b>
</b></td></tr>
Membuat Table sederhana
dengan latar Gambar2:
div
style="text-align:center;background-image:url(http://www.babadbali.com/image/aksarabali/logoaksara.jpg);border:black
3px double;padding:2px;margin:2px;color;green"></div>
Membuat
Kombinasi huruf tebal,miring,garisbawah:
<b><i><u>Kombinasi</u></i></b>
Membuat
Huruf Hidden :
<span style="visibility: hidden">Hilang</span>
Membuat
Huruf Besar semua (uppercase):
<span style="text-transform:
uppercase">Besar</span>
Membuat
Huruf Small caps:
<span style="font-variant:
small-caps">Alay</span>
Membuat
Huruf Subscribe / kecil di bawah:
<p>4<sub>2</sub></p>
Membuat
Huruf Superscribe / pangkat:
<p>4<sup>2</sup></p>
Membuat
Huruf bergaris atas:
<span style="text-decoration:
overline">Belajar</span>
Menentukan
jenis huruf:
<p><font-family="Arial"
>Belajar</font></p>
Mengatur posisi bullet:
<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
Membuat tabel border dot:
<table
border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>
Membuat tabel border groove :
<table
border="1" width="200" style="border-style:
groove">
<tr>
<td>Text</td>
</tr>
</table>
<tr>
<td>Text</td>
</tr>
</table>
Membuat tabel border Ridge:
<table
border="1" width="200" style="border-style:
ridge">
<tr>
<td>Text</td>
</tr>
</table>
<tr>
<td>Text</td>
</tr>
</table>
Membuat tabel border Insert :
<table
border="1" width="200" style="border-style:
inset">
<tr>
<td>Text</td>
</tr>
</table>
<tr>
<td>Text</td>
</tr>
</table>
Membuat tabel border Outset :
<table
border="1" width="200" style="border-style:
outset">
<tr>
<td>Text</td>
</tr>
</table>
<tr>
<td>Text</td>
</tr>
</table>
Membuat Tabel berwarna :
<table
border="1"width="200"bgcolor="green"><td>Text</td></tabel>
Membuat Tabel berwarna tak berbingkai :
<table
border="0"width="200"bgcolor="blue"><td>Text</td></tabel>
Membuat Subscrip Teks :
< sub > text < / sub >
Membuat Superscrip Teks :
< sup > text < / sup >
< sub > text < / sub >
Membuat Superscrip Teks :
< sup > text < / sup >
Membuat Mono Space :
< code
> text < / code >
Membuat Quoted teks :
<
q > tex < / q >
Membuat Teks Mesin Tik :
< tt>text kamu<
/tt>
Membuat Menggunakan
Classes :
<html>
<head>
<title>My Table Background Colors</title>
<style type="text/css">
.myTable { background-color:#FFFFE0;border-collapse:collapse; }
.myTable th { background-color:#BDB76B;color:white; }
.myTable td, .myTable th { padding:5px;border:1px solid #BDB76B; }
</style>
</head>
<body>
<table class="myTable">
<tr>
<th>Table header</th><th>Table header</th>
</tr>
<tr>
<td>Table cell 1</td><td>Table cell 2</td>
</tr>
</table>
</body>
</html>
Tidak ada komentar:
Posting Komentar