Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
bagaimana Cara membuat 2 table di html
[ASK] gimana cara buat 2 table misah ke kanan. maksud ane ga kebawah gitu gan.. ane mao bagi 40%² dan tengah 20% #thanks
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td
{border: 1px solid black;
border-collapse: collapse;
text-align:center;}
a
{text-decoration:none;
color:black;}
#table1
{width:40%;}
#table2
{width:40%;}
table#table1 tr:nth-child(even)
{background: #eee;}
table#table1 tr:nth-child(odd)
{background:#fff;}
table#table1 th
{background: gray;
color: white;}
table#table2 tr:nth-child(even)
{background: #eee;}
table#table2 tr:nth-child(odd)
{background:#fff;}
table#table2 th
{background: gray;
color: white;}
</style>
</head>
<body>
<table id="table1">
<tr>
<th>Jill</th>
<th>Smith</th>
<th>50</th>
</tr>
<tr>
<th rowspan="3">Eve</th>
<td>alex</td>
<td>alex</td>
</tr>
<tr>
<td>john</td>
<td>alex</td>
</tr>
<tr>
<td>andre</td>
<td>john</td>
</tr>
<th colspan="3">alex</th>
<tr>
<th rowspan="3">john</th>
<td>alex</td>
<td>john</td>
</tr>
<tr>
<td>alex</td>
<td>john</td>
</tr>
<tr>
<td>john</td>
<td>john</td>
</tr>
<th colspan="3">joh </th>
<tr>
<th rowspan="3">alex</th>
<td>alex</td>
<td>alex</td>
</tr>
<tr>
<td>john</td>
<td>john</td>
</tr>
<tr>
<td>andreas</td>
<td>samindra</td>
</tr>
</table>
<br>
<table id="table2">
<tr>
<th>Jill</th>
<th>Smith</th>
<th>50</th>
</tr>
<tr>
<th rowspan="3">Eve</th>
<td>john</td>
<td>siska</td>
</tr>
<tr>
<td>elvi</td>
<td>alex</td>
</tr>
<tr>
<td>andre</td>
<td>andre</td>
</tr>
<th colspan="3">john</th>
<tr>
<th rowspan="3">john</th>
<td>john</td>
<td>john</td>
</tr>
<tr>
<td>john</td>
<td>john</td>
</tr>
<tr>
<td>john</td>
<td>john</td>
</tr>
<th colspan="3">bazeng</th>
<tr>
<th rowspan="3">john</th>
<td>alex</td>
<td>andre</td>
</tr>
<tr>
<td>john</td>
<td>alex</td>
</tr>
<tr>
<td>andreas</td>
<td>john</td>
</tr>
</table>
</body>
</html>
0
1 Jawaban:
bisa gan,, tapi ane mao nulis dngn tag pre di tengahnya.. sama button menuju link.. tapi malah berantakan ke atas teksnya.. ??
0