- Joined
- Jan 31, 2021
- Posts
- 801
- Reaction
- 486
- Points
- 281
<!DOCTYPE html>
<html>
<head>
<title>Static HTML Page</title>
</head>
<body>
</body>
</html>
<body>
tags, add the <table>
element:<table>
<!-- Table content goes here -->
</table>
<table>
element, add the table rows (<tr>
) and table data cells (<td>
):<table>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
<tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</table>
index.html
.<th>
), or modify the table's appearance using CSS.<!DOCTYPE html>
<html>
<head>
<title>Static Table</title>
<style type="text/css">
table{
width: 100%;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
text-align: center;
}
th, td {
padding:5px 30px;
}
</style>
</head>
<body>
<table>
<thead>
<th>TIME</th>
<th style="background:#c2d3e7;">MONDAY</th>
<th style="background:#cbccc4;">TUESDAY</th>
<th style="background:#d3aaad;">WEDNESDAY</th>
<th style="background:#bec0df;">THURSDAY</th>
<th style="background:#adcb9c;">FRIDAY</th>
</thead>
<tbody>
<tr>
<td>7:00 - 7:10</td>
<td colspan="5" style="background:#d4cacb;"></td>
</tr>
<tr>
<td>7:10 - 8:10</td>
<td style="background:#c2d3e7;"><strong>CLed/VE</strong><br>Mr. Olivay</td>
<td style="background:#cbccc4;"><strong>CLed/VE</strong><br>Mr. Olivay</td>
<td style="background:#d3aaad;"><strong>CLed/VE</strong><br>Mr. Olivay</td>
<td style="background:#bec0df;"><strong>CLed/VE</strong><br>Mr. Olivay</td>
<td style="background:#adcb9c;"><strong>English</strong><br>Mr. Relato</td>
</tr>
<tr>
<td>8:10 - 9:10</td>
<td style="background:#c2d3e7;"><strong>English</strong><br>Mr. Relato</td>
<td style="background:#cbccc4;"><strong>Math</strong><br>Ms. Basa</td>
<td style="background:#d3aaad;"><strong>English</strong><br>Mr. Relato</td>
<td style="background:#bec0df;"><strong>Math</strong><br>Ms. Basa</td>
<td style="background:#adcb9c;"><strong>Math</strong><br>Ms. Basa</td>
</tr>
<tr>
<td>9:10 - 9:30</td>
<td colspan="5" style="background:#c6a655;"></td>
</tr>
<tr>
<td>9:30 - 10:30</td>
<td style="background:#c2d3e7;"><strong>Science</strong><br>Ms. Ogalesco</td>
<td style="background:#cbccc4;"><strong>Computer</strong><br>Mr. Peñano</td>
<td style="background:#d3aaad;"><strong>TLE</strong><br>Ms. C. Lopez</td>
<td style="background:#bec0df;"><strong>TLE</strong><br>Ms. C. Lopez</td>
<td style="background:#adcb9c;"><strong>Filipino</strong><br>Mrs. Urellan</td>
</tr>
<tr>
<td>10:30 - 11:30</td>
<td style="background:#c2d3e7;"><strong>Math</strong><br>Ms. Basa</td>
<td style="background:#cbccc4;"><strong>English</strong><br>Mr. Relato</td>
<td style="background:#d3aaad;"><strong>Science</strong><br>Ms. Ogalesco</td>
<td style="background:#bec0df;"><strong>Science</strong><br>Ms. Ogalesco</td>
<td style="background:#adcb9c;"><strong>TLE</strong><br>Ms. C. Lopez</td>
</tr>
<tr>
<td>11:30 - 12:10</td>
<td colspan="5" style="background:#8fa8cf;"></td>
</tr>
<tr>
<td>12:10 - 1:10</td>
<td style="background:#c2d3e7;"><strong>Filipino</strong><br>Mrs. Urellan</td>
<td style="background:#cbccc4;"><strong>MAPEH</strong><br>Mr. Blas</td>
<td style="background:#d3aaad;"><strong>MAPEH</strong><br>Mr. Blas</td>
<td style="background:#bec0df;"><strong>MAPEH</strong><br>Mr. Blas</td>
<td style="background:#adcb9c;"><strong>AP</strong><br>Mrs. Bunag</td>
</tr>
<tr>
<td>1:10 - 2:10</td>
<td style="background:#c2d3e7;"><strong>MAPEH</strong><br>Mr. Blas</td>
<td style="background:#cbccc4;"><strong>AP</strong><br>Mrs. Bunag</td>
<td style="background:#d3aaad;"><strong>Filipino</strong><br>Mrs. Urellan</td>
<td style="background:#bec0df;"><strong>Filipino</strong><br>Mrs. Urellan</td>
<td style="background:#adcb9c;"><strong>Science</strong><br>Ms. Ogalesco</td>
</tr>
<tr>
<td>2:10 - 3:10</td>
<td style="background:#c2d3e7;"><strong>AP</strong><br>Mrs. Bunag</td>
<td style="background:#ebebeb;"></td>
<td style="background:#ebebeb;"></td>
<td style="background:#ebebeb;"></td>
<td style="background:#adcb9c;"><strong>Homeroom</strong><br>Mr. Olivay</td>
</tr>
</tbody>
</table>
</body>
</html>
Kung basic lang po na table try nyo po ito
HTML:<!DOCTYPE html> <html> <head> <title>Static Table</title> <style type="text/css"> table{ width: 100%; } table, th, td { border: 1px solid black; border-collapse: collapse; text-align: center; } th, td { padding:5px 30px; } </style> </head> <body> <table> <thead> <th>TIME</th> <th style="background:#c2d3e7;">MONDAY</th> <th style="background:#cbccc4;">TUESDAY</th> <th style="background:#d3aaad;">WEDNESDAY</th> <th style="background:#bec0df;">THURSDAY</th> <th style="background:#adcb9c;">FRIDAY</th> </thead> <tbody> <tr> <td>7:00 - 7:10</td> <td colspan="5" style="background:#d4cacb;"></td> </tr> <tr> <td>7:10 - 8:10</td> <td style="background:#c2d3e7;"><strong>CLed/VE</strong><br>Mr. Olivay</td> <td style="background:#cbccc4;"><strong>CLed/VE</strong><br>Mr. Olivay</td> <td style="background:#d3aaad;"><strong>CLed/VE</strong><br>Mr. Olivay</td> <td style="background:#bec0df;"><strong>CLed/VE</strong><br>Mr. Olivay</td> <td style="background:#adcb9c;"><strong>English</strong><br>Mr. Relato</td> </tr> <tr> <td>8:10 - 9:10</td> <td style="background:#c2d3e7;"><strong>English</strong><br>Mr. Relato</td> <td style="background:#cbccc4;"><strong>Math</strong><br>Ms. Basa</td> <td style="background:#d3aaad;"><strong>English</strong><br>Mr. Relato</td> <td style="background:#bec0df;"><strong>Math</strong><br>Ms. Basa</td> <td style="background:#adcb9c;"><strong>Math</strong><br>Ms. Basa</td> </tr> <tr> <td>9:10 - 9:30</td> <td colspan="5" style="background:#c6a655;"></td> </tr> <tr> <td>9:30 - 10:30</td> <td style="background:#c2d3e7;"><strong>Science</strong><br>Ms. Ogalesco</td> <td style="background:#cbccc4;"><strong>Computer</strong><br>Mr. Peñano</td> <td style="background:#d3aaad;"><strong>TLE</strong><br>Ms. C. Lopez</td> <td style="background:#bec0df;"><strong>TLE</strong><br>Ms. C. Lopez</td> <td style="background:#adcb9c;"><strong>Filipino</strong><br>Mrs. Urellan</td> </tr> <tr> <td>10:30 - 11:30</td> <td style="background:#c2d3e7;"><strong>Math</strong><br>Ms. Basa</td> <td style="background:#cbccc4;"><strong>English</strong><br>Mr. Relato</td> <td style="background:#d3aaad;"><strong>Science</strong><br>Ms. Ogalesco</td> <td style="background:#bec0df;"><strong>Science</strong><br>Ms. Ogalesco</td> <td style="background:#adcb9c;"><strong>TLE</strong><br>Ms. C. Lopez</td> </tr> <tr> <td>11:30 - 12:10</td> <td colspan="5" style="background:#8fa8cf;"></td> </tr> <tr> <td>12:10 - 1:10</td> <td style="background:#c2d3e7;"><strong>Filipino</strong><br>Mrs. Urellan</td> <td style="background:#cbccc4;"><strong>MAPEH</strong><br>Mr. Blas</td> <td style="background:#d3aaad;"><strong>MAPEH</strong><br>Mr. Blas</td> <td style="background:#bec0df;"><strong>MAPEH</strong><br>Mr. Blas</td> <td style="background:#adcb9c;"><strong>AP</strong><br>Mrs. Bunag</td> </tr> <tr> <td>1:10 - 2:10</td> <td style="background:#c2d3e7;"><strong>MAPEH</strong><br>Mr. Blas</td> <td style="background:#cbccc4;"><strong>AP</strong><br>Mrs. Bunag</td> <td style="background:#d3aaad;"><strong>Filipino</strong><br>Mrs. Urellan</td> <td style="background:#bec0df;"><strong>Filipino</strong><br>Mrs. Urellan</td> <td style="background:#adcb9c;"><strong>Science</strong><br>Ms. Ogalesco</td> </tr> <tr> <td>2:10 - 3:10</td> <td style="background:#c2d3e7;"><strong>AP</strong><br>Mrs. Bunag</td> <td style="background:#ebebeb;"></td> <td style="background:#ebebeb;"></td> <td style="background:#ebebeb;"></td> <td style="background:#adcb9c;"><strong>Homeroom</strong><br>Mr. Olivay</td> </tr> </tbody> </table> </body> </html>
ano po gamit nyo compiler para sa html?
vs code, pwede kahit notepadano po gamit nyo compiler para sa html?
meron ako nito pero sa c++ ko palang nattry haha try ko maya, meron po ba dito nung auto structure na html kagaya sa sublime?vs code, pwede kahit notepad
parang wala ata pero may plugins, di ko na try sa html, sa sublime lang alam ko na mag automeron ako nito pero sa c++ ko palang nattry haha try ko maya, meron po ba dito nung auto structure na html kagaya sa sublime?
We use cookies and similar technologies for the following purposes:
Do you accept cookies and these technologies?
We use cookies and similar technologies for the following purposes:
Do you accept cookies and these technologies?