DAY 78. HTML - 표 태그, 영역 태그

 

표 관련 태그

▪️<table></table>

<tr></tr>

한 개의 **행(ROW)**을 만드는 태그

 

<td></td>

한 개의 열을 만드는 태그

 

<th></th>

열에 대한 제목을 표시하는 태그

중앙 정렬 및 굵게 표시된다.

 

<caption></caption>

테이블 제목이나 내용을 추가하는 태그

다른 태그를 이용하여 텍스트를 꾸밀 수 있다.

기본 위치는 테이블 위 중앙에 배치된다. ( 태그를 다른 곳에 작성해도 무조건 테이블 위 중앙에 위치한다.)

 

<figure></figure>

<caption>과 비슷한 기능을 한다.

태그 설명에 주로 사용한다.

 

---

 

테이블 속성

▪️ border

<table> 태그의 속성으로 표의 테두리 두께를 지정한다.

 

▪️ rowspan과 colspan

<td>태그의 속성이다.

• rowspan : 지정한 수만큼의 행 병합
• colspan : 지정한 수만큼의 열 병합

 

추가 관련 태그

 

---

영역 관련 태그

페이지 영역 분할

<div></div>

block 형식의 공간을 수직으로 분할

block 요소 - 혼자 한 줄을 다 차지하는 것

영역을 나눌 때 사용한다.

 

<span></span>

inline 형식의 공간을 수평으로 분할

inline 요소 옆에 다른 요소를 붙여 넣을 수 있다.

한 줄에 여러 개의 inline 요소가 같이 표시될 수 있다.

컨텐츠의 길이와 높이만큼 공간을 차지한다. (contect가 없으면 길이도, 높이도 없다.)

 

<iframe></iframe>

웹 문서 안에 다른 웹 페이지를 추가하는 태그

인라인을 만드는 태그

 

[속성]

• width/height : 페이지 크기 설정
• name : 인라인 프레임 이름
• src : 페이지 경로