<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>03_테이블 태그</title>
</head>
<body>
<h1>표를 만드는 테이블 태그</h1>
<table border="1">
<caption>수원초등학교</caption>
<tr>
<th colspan="4">3학년 5반 성적</th>
</tr>
<tr>
<th>과목</th>
<th>국어</th>
<th>영어</th>
<th>수학</th>
</tr>
<tr>
<td rowspan="2">중간고사/기말고사</td>
<td>90</td>
<td>100</td>
<td>80</td>
</tr>
<tr>
<td>80</td>
<td>95</td>
<td>88</td>
</tr>
</table>
<table border="3" width="500" cellpadding="10" cellspacing="5">
<caption>수원초등학교</caption>
<tr>
<th colspan="4" bgcolor="#F2B776">3학년 5반 성적</th>
</tr>
<tr>
<th>과목</th>
<th>국어</th>
<th>영어</th>
<th>수학</th>
</tr>
<tr align="center">
<td rowspan="2" align="center">중간고사/기말고사</td>
<td>90</td>
<td>100</td>
<td>80</td>
</tr>
<tr align="center">
<td>80</td>
<td>95</td>
<td>88</td>
</tr>
</table>
</body>
</html>
'HTML > code' 카테고리의 다른 글
| 비디오 태크 (0) | 2023.03.28 |
|---|---|
| 정의 목록 태그 (0) | 2023.03.24 |
| 사운드를 출력해주는 audio 태그 (0) | 2023.03.24 |
| 이미지 태그 (0) | 2023.03.24 |
| 링크를 걸어 컨텐츠로 이동하기 (0) | 2023.03.24 |