table : 테이블 만드는 태그
th(table header) : 테이블 제목
tr(table row) : 테이블 행
td(table data) : 테이블 칸 만드는 태그
colspan : 하나의 셀 합치고 싶을때
rowspan : 자신의 셀과 아래셀 합치고 싶을때
<head>
<style>
table, td, tr {
border:2px solid black;
}
</style>
</head>
<table>
<tr>
<td rowspan="2">과일</td>
<td>노란색</td>
<td>빨간색</td>
</tr>
<tr>
<td>바나나</td>
<td>포도</td>
</tr>
<tr>
<td>물건</td>
<td>스쿨버스</td>
<td>산타모자</td>
</tr>
<tr>
<td colspan = "3">오답을 입력하시오</td>
</tr>
<table>
과일 | 노란색 | 빨간색 |
바나나 | 포도 | |
물건 | 스쿨버스 | 산타모자 |
오답을 입력하시오 |
'HTML' 카테고리의 다른 글
html5 form (0) | 2022.02.10 |
---|---|
레이아웃 (0) | 2022.02.08 |
dl dt dd (0) | 2022.01.31 |
리스트 태그 ul vs ol (0) | 2022.01.31 |
링크 href / img (0) | 2022.01.31 |