728x90
table 태그
여러 종류의 데이터를 보기 좋게 정리하여 보여주는 표를 작성할 때 사용합니다.
table 태그 구성
- <tr>태그는 테이블에서 열을 구분해 줍니다.
- <th>태그는 각 열의 제목을 나타내며, 모든 내용은 자동으로 굵은 글씨에 가운데 정렬이 됩니다.
- <td>태그는 테이블의 열을 각각의 셀(cell)로 나누어 줍니다.
실습
| 롤 챔피언 목록 | |
|---|---|
| 탑 | 가렌 |
| 티모 | |
| 미드 | 아리 |
| 제드 | |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>페이지 2</title>
<link rel="stylesheet" href="css/test10.css">
</head>
<body>
<table>
<tr>
<th colspan="2" class="bg_orange">롤 챔피언 목록</th>
</tr>
<tr>
<th rowspan="2">탑</th>
<td>가렌</td>
</tr>
<tr>
<td>티모</td>
</tr>
<tr>
<th rowspan="2">미드</th>
<td>아리</td>
</tr>
<tr>
<td>제드</td>
</tr>
</table>
</body>
</html>GitHub
https://github.com/Qkrwnsgus0522/Web
GitHub - Qkrwnsgus0522/Web
Contribute to Qkrwnsgus0522/Web development by creating an account on GitHub.
github.com
728x90
