Membuat html table
1.membuat bendera merah putih dengan html table
A.coding
<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>
B.hasilnya
2 membuat tabel berwarna dan memakai colspan dan rowspan
A.codingnya
<!DOCTYPE html>
<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>
B.hasilnya
3.membuat data anggota kelas
A.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>rini</td>
<td>p</td>
<td>https://rini-pelajarperdulicovid19.blogspot.com</td>
</tr>
<tr>
<td>2</td>
<td>eka hermawan</td>
<td>l</td>
<td>https://ekahermawan-pelajarpedulicovid19.blogspot.com</td>
</tr>
<tr>
<td>3</td>
<td>vidki</td>
<td>l</td>
<td>https://vidki-pelajarpedulicovid19.blogspot.com/?m=1</td>
</tr>
<tr>
<td>4</td>
<td>resti nopianti</td>
<td>p</td>
<td>http://restinopiantii-pelajarperdulicovid19.blogspot.com</td>
</tr>
<tr>
<td>5</td>
<td>elisna j</td>
<td>p</td>
<td>http://elisna-pelajarpedulicovid19.blogspot.com</td>
</tr>
<tr>
<td>6</td>
<td>dini julianti</td>
<td>p</td>
<td>http://dini-pelajarperdulicovid19.blogspot.com</td>
</tr>
<tr>
<td>7</td>
<td>miftah f</td>
<td>l</td>
<td>http://miftah-pelajarpedulicovid19.blogspot.com</td>
</tr>
<tr>
<td>8</td>
<td>suci</td>
<td>p</td>
<td>https://sucinursifa-pelajarperdulicovid19.blogspot.com/?m=1</td>
</tr>
<tr>
<td>9</td>
<td>risma</td>
<td>p</td>
<td>https://risma-pedulicovid19.blogspot.com/?m=1</td>
</tr>
<tr>
<td>10</td>
<td>wulan</td>
<td>p</td>
<td>https://wulanfebriyantipelajarpedulicovid19.blogspot.com/?m=1</td>
</tr>
<tr>
<td>11</td>
<td>murti</td>
<td>p</td>
<td>https://murtihandayani-pelajarpedulicovid19.blogspot.com/?m=1</td>
</tr>
<tr>
<td>12</td>
<td>adi</td>
<td>l</td>
<td>https://aditajudin-pelajarperdulicovid19.blogspot.com/2020/03/pelajar-perduli-covid-19.html?m=1</td>
</tr>
<tr>
<td>13</td>
<td>david</td>
<td>l</td>
<td>https://davidseptian-pelajarperdulicovid19.blogspot.com/2020/03/pelajar-perduli-covid19.html?m=1</td>
</tr>
</table>
</center>
</body>
</html>
B.hasilnya
#foto siswa yang sedang mengerjakan
Catatan:bagi teman2 yang ingin copas silahkan saja,tapi cantumkan saya sebagai sumber nya
A.coding
<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>
B.hasilnya
2 membuat tabel berwarna dan memakai colspan dan rowspan
A.codingnya
<!DOCTYPE html>
<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>
B.hasilnya
A.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>rini</td>
<td>p</td>
<td>https://rini-pelajarperdulicovid19.blogspot.com</td>
</tr>
<tr>
<td>2</td>
<td>eka hermawan</td>
<td>l</td>
<td>https://ekahermawan-pelajarpedulicovid19.blogspot.com</td>
</tr>
<tr>
<td>3</td>
<td>vidki</td>
<td>l</td>
<td>https://vidki-pelajarpedulicovid19.blogspot.com/?m=1</td>
</tr>
<tr>
<td>4</td>
<td>resti nopianti</td>
<td>p</td>
<td>http://restinopiantii-pelajarperdulicovid19.blogspot.com</td>
</tr>
<tr>
<td>5</td>
<td>elisna j</td>
<td>p</td>
<td>http://elisna-pelajarpedulicovid19.blogspot.com</td>
</tr>
<tr>
<td>6</td>
<td>dini julianti</td>
<td>p</td>
<td>http://dini-pelajarperdulicovid19.blogspot.com</td>
</tr>
<tr>
<td>7</td>
<td>miftah f</td>
<td>l</td>
<td>http://miftah-pelajarpedulicovid19.blogspot.com</td>
</tr>
<tr>
<td>8</td>
<td>suci</td>
<td>p</td>
<td>https://sucinursifa-pelajarperdulicovid19.blogspot.com/?m=1</td>
</tr>
<tr>
<td>9</td>
<td>risma</td>
<td>p</td>
<td>https://risma-pedulicovid19.blogspot.com/?m=1</td>
</tr>
<tr>
<td>10</td>
<td>wulan</td>
<td>p</td>
<td>https://wulanfebriyantipelajarpedulicovid19.blogspot.com/?m=1</td>
</tr>
<tr>
<td>11</td>
<td>murti</td>
<td>p</td>
<td>https://murtihandayani-pelajarpedulicovid19.blogspot.com/?m=1</td>
</tr>
<tr>
<td>12</td>
<td>adi</td>
<td>l</td>
<td>https://aditajudin-pelajarperdulicovid19.blogspot.com/2020/03/pelajar-perduli-covid-19.html?m=1</td>
</tr>
<tr>
<td>13</td>
<td>david</td>
<td>l</td>
<td>https://davidseptian-pelajarperdulicovid19.blogspot.com/2020/03/pelajar-perduli-covid19.html?m=1</td>
</tr>
</table>
</center>
</body>
</html>
B.hasilnya
Catatan:bagi teman2 yang ingin copas silahkan saja,tapi cantumkan saya sebagai sumber nya
Komentar
Posting Komentar