2021.03.15
테이블 연습
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>테이블연습</title>
</head>
<body>
<table border="1">
<tr>
<th colspan="6">한국의 차</th>
</tr>
<tr>
<td rowspan="6">뿌리차</td>
<td>인삼차</td>
<td rowspan="9">과일차</td>
<td>수정과</td>
<td rowspan="5">잎차</td>
<td>뽕잎차</td>
</tr>
<tr>
<td>당귀차</td>
<td>유자차</td>
<td>감잎차</td>
</tr>
<tr>
<td>생강차</td>
<td>구기자차</td>
<td>솔잎차</td>
</tr>
<tr>
<td>칡차</td>
<td>대추차</td>
<td>극화차</td>
</tr>
<tr>
<td>둥글레차</td>
<td>오미자차</td>
<td>이슬차</td>
</tr>
<tr>
<td>마차</td>
<td>매실차</td>
<td rowspan="4">기타</td>
<td>두충차</td>
</tr>
<tr>
<td rowspan="3">곡물차</td>
<td>보리차</td>
<td>모과차</td>
<td>영지버섯차</td>
</tr>
<tr>
<td>옥수수차</td>
<td>산수유차</td>
<td>귤강차</td>
</tr>
<tr>
<td>현미차</td>
<td>탕자차</td>
<td>쌍화차</td>
</tr>
</table>
</body>
</html>
rowspan / colspan 차이 (**자주 헷갈린다)
rowspan은 위아래 병합 / colspan은 좌우병합
'HTML , CSS' 카테고리의 다른 글
| [2021.03.21] 2주차 레이아웃 연습 (0) | 2021.03.21 |
|---|---|
| [2021.03.19] 레이아웃 구성 분할 태그 (0) | 2021.03.19 |
| [2021.03.15] flex 피드백 연습 (0) | 2021.03.15 |
| [2021.03.14] flex 레이아웃 연습 (0) | 2021.03.14 |
| [2021.03.09 - 03. 11] Flex 개념 정리 (0) | 2021.03.11 |