1. Membuat bendera
<html>
<head>
<title>bendera indonesia</title>
</head>
<body>
<center>
<table border="1" cellpadding="60" cellspacing="1" style="width: 100%;">
<tr style="background-color: red;">
<td colspan="2"></td>
</tr>
<tr style="bgcolor: white;">
<td colspan="2"></td>
</tr>
</table>
<h1>
AKU CINTA INDONESIA</h1>
</center>
</body>
</html>
#Hasil Coding diatas menampilkan gambar dibawah ini
2.membuat tabel berwarna dan memakai colspan dan rowspan
<html>
<head>
<title>tabel warna</title>
</head>
<body>
<center>
<table border="1" cellpadding="60" cellspacing="1">
<tr>
<td colspan="2" style="background-color:red"></td>
<td colspan="2" style="background-color:blue"></td>
<td colspan="2" style="background-color:blue"></td>
<td colspan="2" style="background-color:red"></td>
</tr>
<tr align="center">
<td colspan="2" style="background-color:blue"></td>
<td colspan="4" rowspan="2"> SMK 4 LPPM RI PADALARANG</td>
<td colspan="2" style="background-color:blue"></td>
</tr>
<tr style="bgcolor:white" align="center">
<td colspan="2" style="background-color:blue"></td>
<td colspan="2" style="background-color:blue"></td>
</tr>
<tr style="bgcolor:white" align="center">
<td colspan="2"style="background-color:red"></td>
<td colspan="2"style="background-color:blue"></td>
<td colspan="2"style="background-color:blue"></td>
<td colspan="2"style="background-color:red"></td>
</tr>
</table>
</center>
</body>
</html>
Ini gambar yang dihasilkam dari coding diatas
3. Membuat tabel absen kelas
codingnya
<!DOCTYPE html><html>
<head>
<title>tabel warna</title>
</head>
<body>
<center>
<table border="1" cellpadding="10" cellspacing="1">
<tr>
<td colspan="4"></td>
</tr>
<tr>
<td>no</td>
<td>nama</td>
<td>l/p</td>
<td>alamat blog</td>
</tr>
<tr>
<td>1</td>
<td>aulia</td>
<td>p</td>
<td>https://agystarahmaaulia blogspot.com</td>
</tr>
<tr>
<td>2</td>
<td>Vina</td>
<td>p</td>
<td>https://vinasetyavinasetya blogspot.com</td>
</tr>
<tr>
<td>3</td>
<td>Chelsea k</td>
<td>p</td>
<td>https://chelseakhariun19.blogspot.com/?m=1</td>
</tr>
<tr>
<td>4</td>
<td>Yuni sri</td>
<td>p</td>
<td>http://yunisrimulyani pelajarperdulicovid19.blogspot.com</td>
</tr>
<tr>
<td>5</td>
<td>Alif Nur</td>
<td>l</td>
<td>http://alifn-azizblogspot.com</td>
</tr>
<tr>
<td>6</td>
<td>mita dwi anjani</td>
<td>p</td>
<td>http://anjanidwimita.blogspot.com</td>
</tr>
<tr>
<td>7</td>
<td>m arya citra</td>
<td>l</td>
<td>http://muhamadaryacitra blogspot.com/?m=1</td>
</tr>
<tr>
<td>8</td>
<td>Neng yuni</td>
<td>p</td>
<td>https://nengyuni-pelajarperdulicovid19.blogspot.com/?m=1</td>
</tr>
<tr>
<td>9</td>
<td>fitri</td>
<td>p</td>
<td>https://fitririanti-pedulicovid19.blogspot.com/?m=1</td>
</tr>
<tr>
<td>10</td>
<td>agni</td>
<td>p</td>
<td>https://agni suntaripelajarpedulicovid19.blogspot.com/?m=1</td>
</tr>
<tr>
<td>11</td>
<td>Nurul</td>
<td>p</td>
<td>https://nurulazzahra.blogspot.com/?m=1</td>
</tr>
<tr>
<td>12</td>
<td>yuniiyunii A</td>
<td>p</td>
<td>https://yuniadriani-pelajarperdulicovid19.blogspot.com/2020/03/pelajar-perduli-covid-19.html?m=1</td>
</tr>
<tr>
<td>13</td>
<td>pramesti</td>
<td>p</td>
<td>https://pramestiwidiaputri-pelajarperdulicovid19.blogspot.com/2020/03/pelajar-perduli-covid19.html?m=1</td>
</tr>
</table>
</center>
</body>
</html>
Coding diatas menampilakn seperti ini
Tidak ada komentar:
Posting Komentar