Assalamualaikum Wr.Wb
Perkenalkan Saya M.Aulia.R Dari X-TKJ a
Ya Kali Ini Saya Akan Belajar Memposting Tentang Bagaimana Caranya Membuat HTML Dengan Cara Yang BerMacam-Macam Ya Langsung Saja Saya Sampaikan Cekidot...
Coding membuat Rowspan dan Colspan
<html>
<head>
<title>tabel</title>
</head>
<h1><center>Berikut contoh tabel dengan rowspan dan colspan</center></h1>
<table width=80% border=2 cellspacing=0 cellpadding=0>
<tr>
<td><center>baris 1 kolom 1</center></td>
<td><center>baris 1 kolom 2</center></td>
</tr>
<tr>
<td colspan=2><center>baris 2 kolom 1</center></td>
</tr>
<tr>
<td rowspan=2><center>baris 3 kolom 1</center></td>
<td><center>baris 3 kolom 2</center></td>
</tr>
</table>
</body>
</html>
<head>
<title>tabel</title>
</head>
<h1><center>Berikut contoh tabel dengan rowspan dan colspan</center></h1>
<table width=80% border=2 cellspacing=0 cellpadding=0>
<tr>
<td><center>baris 1 kolom 1</center></td>
<td><center>baris 1 kolom 2</center></td>
</tr>
<tr>
<td colspan=2><center>baris 2 kolom 1</center></td>
</tr>
<tr>
<td rowspan=2><center>baris 3 kolom 1</center></td>
<td><center>baris 3 kolom 2</center></td>
</tr>
</table>
</body>
</html>
Gambar Membuat Rowspan & Colspan
Di Atas Contoh Cara Membuat Rowspan & Colspan Apabila Di Kerjakan Sesuai Dengan Prosedur
Ada Juga HTML Dengan Cara Penggunaan ALIGN
CODING Penggunaan Align
<html>
<head>
<title>penggunaan ALIGN</title>
</head>
<body>
<table border="2">
<caption>DAFTAR WIRANIAGA</caption>
<tr>
<th colspan="2" rowspan="2">WIRANIAGA</th>
<th colspan="3">KOTA</th>
</tr>
<tr>
<th> SEMARANG CITY</th>
<th>KUDUS CITY </th>
<th>SOLO CITY</th>
<tr>
<tr>
<th rowspan="2">jenis kelamin</th>
<th>pria</th>
<td align="center">30</td>
<td align="center">20</td>
<td align="center">30</td>
</tr>
<th>Wanita</th>
<td align="center">20</td>
<td align="center">8</td>
<td align="center">18<td>
</table></body>
</html>
<head>
<title>penggunaan ALIGN</title>
</head>
<body>
<table border="2">
<caption>DAFTAR WIRANIAGA</caption>
<tr>
<th colspan="2" rowspan="2">WIRANIAGA</th>
<th colspan="3">KOTA</th>
</tr>
<tr>
<th> SEMARANG CITY</th>
<th>KUDUS CITY </th>
<th>SOLO CITY</th>
<tr>
<tr>
<th rowspan="2">jenis kelamin</th>
<th>pria</th>
<td align="center">30</td>
<td align="center">20</td>
<td align="center">30</td>
</tr>
<th>Wanita</th>
<td align="center">20</td>
<td align="center">8</td>
<td align="center">18<td>
</table></body>
</html>
 | ||||
| Contoh Dari Gambar HTML Penggunaan Align |
Cara CODING Tabel Bersarang/ Tabel Di dalam Tabel
<html>
<head>
<title>TUGAS</title>
</head>
<body>
<table align="center" width=45% height=25% border="5">
<caption>online order</caption>
<tr>
<th align="center">Desecription</th>
<th align="center">Qty</th>
<th align="center">price</th>
<th align="center">Email Account Note</th>
</tr>
<tr>
<td align="center">Email account</th>
<td>10</td>
<td>$10.90</td>
<td rowspan="5"><table border=1>
<tr>
<td>Mailbox</td>
<td>50GB</td>
</tr>
<tr>
<td>webmail</td>
<td>yes</td>
</tr>
<tr>
<td>POP5</td>
<td>yes</td>
</tr>
<td>IMAP</td>
<td>yes</td>
</tr>
<tr>
<td>Anti-Spam</td>
<td>yes</td>
</tr>
</td>
</table>
</tr>
<tr>
<td align="center">FYIcenter.comAd</td>
<td>1</td>
<td>$10.00</td>
</tr>
<tr>
<td align="center">2-year access</td>
<td>1</td>
<td>$200.00</td>
</tr>
<tr>
<td align="right" colspan="2">shipping</td>
<td>$4.99</td>
</tr>
<tr>
<td align="right" colspan="2">Tax</th>
<td>$16.99</td>
</tr>
<font color="#FFFFFF">
</table>
<body background="279.jpg">
</html>
<head>
<title>TUGAS</title>
</head>
<body>
<table align="center" width=45% height=25% border="5">
<caption>online order</caption>
<tr>
<th align="center">Desecription</th>
<th align="center">Qty</th>
<th align="center">price</th>
<th align="center">Email Account Note</th>
</tr>
<tr>
<td align="center">Email account</th>
<td>10</td>
<td>$10.90</td>
<td rowspan="5"><table border=1>
<tr>
<td>Mailbox</td>
<td>50GB</td>
</tr>
<tr>
<td>webmail</td>
<td>yes</td>
</tr>
<tr>
<td>POP5</td>
<td>yes</td>
</tr>
<td>IMAP</td>
<td>yes</td>
</tr>
<tr>
<td>Anti-Spam</td>
<td>yes</td>
</tr>
</td>
</table>
</tr>
<tr>
<td align="center">FYIcenter.comAd</td>
<td>1</td>
<td>$10.00</td>
</tr>
<tr>
<td align="center">2-year access</td>
<td>1</td>
<td>$200.00</td>
</tr>
<tr>
<td align="right" colspan="2">shipping</td>
<td>$4.99</td>
</tr>
<tr>
<td align="right" colspan="2">Tax</th>
<td>$16.99</td>
</tr>
<font color="#FFFFFF">
</table>
<body background="279.jpg">
</html>
 | ||
| Contoh Gambar Penggunaan HTML Dengan Cara Tabel Bersarang/ Tabel Di dalam Tabel |
Ya.... Cukup Sekian Ya Mungkin Hanya Itu Saja Yang Mungkin Saya Tahu Tentang HTML Mungkin Saya Akan Nge-Update Blog Ini Apa Bila Ada Tugas Yang Di Berikan Oleh Guru Saya
Jangan Lupa Juga Untuk Mampir Ke Blog Teman Saya Yang Mungkin Lebih Menarik Dari saya...
dan....
Sekian Dan Terima Kasih
Wassalamualaikum Wr.Wb
Tidak ada komentar:
Posting Komentar