개발자도전
4-1. HTML - 표(table) 관련 태그 본문
728x90
- Table 관련 태그
- 웹 문서에서 자료 정리를 위해 주로 사용하는 태그
- 행과 열로 이루어져 있으며, 행과 열이 교차하는 지점을 셀(cell)이라고 함.
- 테이블을 나타내는 행과 열이 작성될 수 있는 영역을 지정
- <tr></tr> 태그 : Table Row의 약자로 한 행을 나타내는 태그
- <td></td> 태그 : Table Dada의 약자로 한 행의 한 컬럼(셀)을 타나내는 태그
- <th></th> 태그 : Table Header의 약자로 컬럼명을 표시하는 용도의 태그
- : 기본 성질은 td태그와 같으나 추가적으로 굵은 글씨, 가운데 정렬이 이루어짐
caption 태그 : 테이블의 제목이나 설명 내용을 추가하는 태그
: <table> <caption> 제목이나 내용 작성 </caption> </table>
border 속성 : table 태그와 내부에 작성되는 td, th 태그에 테두리 추가
![]() |
![]() |
| 테이블 태그로 작성한 코드 화면 | 웹에 출력된 화면 - caption에 작성된 내용이 표의 제목처럼 출력됨 - th태그로 작성된 글들은 굵은 글씨와 함께 가운데 정렬됨. |
* 테이블 태그를 하나씩 작성하지 않고 한번에 작성하는 방법!!!
- ex) 4행 3열의 테이블을 만들고 싶다면 주석의 내용처럼
tr*4>td*3 작성해주면 한번에 생성이 됨
728x90
'HTML' 카테고리의 다른 글
| 5-1. HTML - 영역 관련 태그 (0) | 2022.10.03 |
|---|---|
| 4-2. HTML - 표(table) 관련 태그 (0) | 2022.10.02 |
| 3. HTML - 목록 관련 태그 (0) | 2022.10.02 |
| 2-3. HTML - 글자 관련 태그 (0) | 2022.09.29 |
| 2-2. HTML - 글자 관련 태그 (0) | 2022.09.29 |
Comments

