<table>, <tr>, <th>, <td>
데이터 표(<table>)의 행(줄 / <tr>)과 열(칸, 셀(Cell) / <th>, <td>)을 생성.
(Table Row, Table Header, Table Data)
cf. th는 테이블 헤더로서, 제목이기 때문에 기본적으로 굵은 글씨를 지원한다.
테이블 태그는 표를 만들때 사용하는 것이다. 하지만, 처음에는 영역으로 나눠서 글짜가 출력이 되지만, 테두리가 없어서 육안으로 영역을 구분하기가 힘들다. 그래서 CSS로 스타일링해서 보기 좋게 만들어야한다.
<body>
<table>
<tr>
<th>타입</td>
<th>값</td>
</tr>
<tr>
<td>알파벳</td>
<td>A</td>
</tr>
<tr>
<td>숫자</td>
<td>7</td>
</tr>
</table>
</body>table{
border-collapse: collapse; //경계선 사이에 떨어져 있는것을 없앤다.
}
th{ //기본적으로 굵은 글씨를 지원하기 때문에 bold를 쓰지 않아도 된다.
border : 1px solid red; //경계선이 없기 때문에 시각적으로 보이게 선을 만든다.
padding : 10px;
background-color : gray;
}
td{
border : 1px solid red;
padding : 10px
}
'HTML > 요소' 카테고리의 다른 글
| 표 콘텐츠 - TD (0) | 2021.01.05 |
|---|---|
| 표 콘텐츠 - TH (0) | 2021.01.05 |
| 스크립트 - NOSCRIPT (0) | 2021.01.04 |
| 스크립트 - SCRIPT 2 (0) | 2021.01.04 |
| 스크립트 - SCRIPT 1 (0) | 2021.01.04 |