프로그래밍/HTML5 & CSS
03_html : 표 관련 태그 정리(행, 열 합치기, border, table 등)
pupu91
2022. 7. 20. 18:23
반응형
표 관련 태그 정리
<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 : } 표 컬러 색 지정 가능
반응형