반응형
표 관련 태그 정리
<table>
-웹 문서에서 자료 정리를 위해 사용하는 태그
-행과 열로 구성되있고 행과 열이 만나는 지점을 셀이라고 함
- 독립적으로 사용 불가, tr / td / th 와 함께 사용
<thead>
- 여러 열을 한 그룹을 묶어 표의 헤더로 지정
<tbody>
- 여러 열을 묶어 표의 본문으로 지정
<tfoot>
- 여러 열을 묶어 표의 풋터로 지정
<tr>
- 한 개의 행을 만드는 태그
<td>
- 한 개의 열을 만드는 태그
<th>
- 열에 대한 제목을 표시
- 가운데 정령, 굵게 표시
<caption>
테이블 제목이나 내용 추가
tanle 태그당 하나만 사용가능
border
- table의 테두리 두께 설정 가능
- <table border="1px">
width, height
- 셀의 가로, 세로크기 지정
- 미지정시 글자에 맞춰서 만들어짐
표의 행과 열 합치기
colspan ="n"
- n 만큼 가로로 합치기 (행합치기)
rowspan = "n"
- n 만큼 세로로 합치기 (열합치기)
표 스타일
<head> 부분에 <style>태그 사용
{ background - color : } 표 컬러 색 지정 가능
반응형
'프로그래밍 > HTML5 & CSS' 카테고리의 다른 글
| 05_html : 멀티미디어 관련 태그 (0) | 2022.07.21 |
|---|---|
| 04_html : 영역 관련 태그 정리(div, span, iframe, 시맨틱 태그) (0) | 2022.07.20 |
| 02_html : 목록 관련 태그<ul, li, ol, dl> (0) | 2022.07.20 |
| 01_html : 문자 관련 태그 정리 (0) | 2022.07.20 |