728x90
✔️ 테이블 태그
HTML에서 테이블을 만들기 위해 사용되는 태그는 <table>이다. 테이블은 행과 열로 구성되며, 각 셀에 데이터를 담을 수 있다. 테이블을 만들 때는 <table>을 시작 태그로 사용하고 각 행은 <tr>(table row) 태그로, 각 셀은 <td>(table data) 태그로 정의한다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>테이블 1</title>
</head>
<body>
<h2>테이블 1</h2>
<table>
<tr>
<td>첫번째 셀</td>
</tr>
</table>
<hr>
<table border="1" width="300">
<tr>
<td>첫번째 셀</td>
</tr>
</table>
<hr>
<table border="1">
<tr>
<td>첫번째 셀</td><td>두번째 셀</td>
</tr>
<tr>
<td>세번째 셀</td><td>네번째 셀</td>
</tr>
<tr>
<td>다섯번째 셀</td><td>여섯번째 셀</td>
</tr>
</table>
<hr>
<table border="1">
<tr>
<td colspan="2">첫번째 셀</td>
</tr>
<tr>
<td>세번째 셀</td><td>네번째 셀</td>
</tr>
<tr>
<td>다섯번째 셀</td><td>여섯번째 셀</td>
</tr>
</table>
<hr>
<table border="1">
<tr>
<td>첫번째 셀</td><td>두번째 셀</td>
</tr>
<tr>
<td rowspan="2">세번째 셀</td><td>네번째 셀</td>
</tr>
<tr>
<td>여섯번째 셀</td>
</tr>
</table>
</body>
</html>
👇
728x90
'Web > html' 카테고리의 다른 글
| 10. 폼 태그 (0) | 2024.07.10 |
|---|---|
| 9. 아이프레임 태그 (0) | 2024.07.10 |
| 7. 하이퍼링크 태그 (0) | 2024.07.10 |
| 6. 이미지 태그 (0) | 2024.07.10 |
| 5. 목록 태그 (0) | 2024.07.10 |
