💻 표 만들기
<table></table> : 표 만들기
-
table 태그만으로는 테이블 생성 불가
-
table 사이에 자식 태그를 표의 형태 결정(행, 열 생성)
- 부모 - 자식 태그
<html> // <head> 태그의 부모태그 <head> // <html> 태그의 자식태그, <title> 태그의 부모태그 <title> // <head> 태그의 자식 태그, <html> 태그의 자손태그 </head> </html>
- 부모 - 자식 태그
<tr></tr> : 테이블 행 생성
- tr 태그만으로는 데이터 표현 불가(실제 데이터 표시X)
- tr 태그 사이에 자식 태그를 사용하여 실제 표시될 데이터를 지정
<td></td> : 테이블 열 생성(실제 데이터 표시)
- td 태그 사이에 표 안에 표시될 데이터(텍스트, 이미지)를 명시
<th></th> : 테이블 제목 열 생성
-
td 태그와 기본적인 역할은 동일
-
제목 강조 위해 굵게 가운데 정렬이 적용됨
(굵게 =<b>가운데 정렬 =align = "center"속성)
📋 표 기본 속성
border : 테두리 두께 지정
-
기본값: 0 (테두리 없음)
-
숫자가 커질수록 테두리 굵어짐
height : 높이(픽셀 단위)
width : 너비(픽셀 단위)
bgcolor : 배경색
background : 배경 이미지
align : 수평 정렬
- CENTER / LEFT / RIGHT
vlign : 수직 정렬
- TOP / MIDDLE / BOTTOM
rowspan : 행(수직) 병합
colspan : 열(수평) 병합
개발자가 되었어요⭐️