[HTML 요약정리] 테이블 구조 / table 태그 / tr, th, td, colspan = "2"/ 사용예시
- 카테고리 없음
- 2017. 9. 3. 15:26
[HTML 요약정리] 테이블 구조 / table 태그 / tr, th, td, colspan = "2"/
사용예시 1)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<table border="1">
<tr>
<th>학생</th>
<th>국어</th>
<th>영어</th>
<th>수학</th>
</tr>
<tr>
<td>이순신</td>
<td>100</td>
<td>60</td>
<td>80</td>
</tr>
<tr>
<td>홍길동</td>
<td>90</td>
<td>80</td>
<td>90</td>
</tr>
<tr>
<td>박찬호</td>
<td>80</td>
<td>90</td>
<td>90</td>
</tr>
<tr>
<td colspan="2">시험일</td>
<td colspan="2">2015-03-02</td>
</tr>
<tr>
<td colspan="4">담당교사 : 아무개</td>
</tr>
</table>
</body>
</html>
사용예시 2)
<table border="1">
<!-- 수영 강좌 시간표 -->
<tr>
<td rowspan="3">수영</td>
<td>새벽</td>
<td>am 06:00</td>
</tr>
<tr>
<td>아침</td>
<td>am 07:00</td>
</tr>
<tr>
<td>오후</td>
<td>pm 13:00</td>
</tr>
<!-- 에어로빅 강좌 시간표 -->
<tr>
<td rowspan="3">에어로빅</td>
<td>새벽</td>
<td>am 06:00</td>
</tr>
<tr>
<td>아침</td>
<td>am 07:00</td>
</tr>
<tr>
<td>오후</td>
<td>pm 13:00</td>
</tr>
</table>
사용예시 3)
<table border="1">
<!-- 타이틀 시작 -->
<tr>
<th>번호</th>
<th>제목</th>
<th>내용</th>
<th>작성자</th>
<th>작성일</th>
<th>조회수</th>
</tr>
<!-- tr반복 시작 -->
<tr>
<td>3</td>
<td>제목 입니다.</td>
<td>내용 입니다.</td>
<td>홍길동</td>
<td>2015-03-10</td>
<td>22</td>
</tr>
<tr>
<td>2</td>
<td>오늘 기록</td>
<td>오늘 삼진 10개</td>
<td>박찬호</td>
<td>2015-03-10</td>
<td>10</td>
</tr>
<tr>
<td>1</td>
<td>오늘 기록</td>
<td>이번달 지금까지 삼진 100개!!</td>
<td>류현진</td>
<td>2015-03-10</td>
<td>88</td>
</tr>
</table>
