반응형
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 사용법 : table - thead(제목태그) [tr(행),th(열), 굵은글씨] -->
<!-- 본문 : tr(행), td(열) -->
<table border="1">
<!-- 제목 : 테이블 -->
<thead>
<tr>
<th></th>
<th>월</th>
<th>화</th>
<th>수</th>
<th>목</th>
<th>금</th>
</tr>
</thead>
<!-- 본문 시작 -->
<tr>
<td>2교시</td>
<td>영어</td>
<td>국어</td>
<td>과학</td>
<td>미술</td>
<td>기술</td>
</tr>
<!-- 본문 끝 -->
</table>
</body>
</html>
html에서 표를 생성하기 위한 명령어 <table>명령어와 <thead>, <tr> ,<th> 명령어가 있습니다.
사용법은 먼저 table 명령어를 입력하고 그 안에 thead(제목태그) thead 안에 tr(행 생성) tr태그 안에 th(열 생성) 명령어를 사용합니다.
위 예제 처럼 2행 6열 짜리 표를 만들기 위해서는 위의 코드처럼 작성해주시면 됩니다.
반응형
'HTML > HTML 이론' 카테고리의 다른 글
| [HTML] 태그 요약 (0) | 2023.08.03 |
|---|---|
| [HTML] 미디어 삽입 (0) | 2023.08.03 |
| [HTML] 순서가 있는 목록, 순서가 없는 목록 태그 (0) | 2023.08.02 |
| [HTML] 텍스트 폰트 태그 (0) | 2023.08.02 |
| [HTML] 기본단축키 및 실습 (0) | 2023.08.01 |