[HTML] 중첩되는 태그

Coastby·2022년 8월 9일
0

06. HTML 중첩되는 태그

다른 태그들을 포함하거나 다른 태그에 포함되어 사용되는 태그들이다.

○ 목록 태그

어떤 요소들을 포함하는 목록을 나타낼 때 사용한다.

목록태그는 CSS와 함께 다양한 형태로 활용된다. (예, 사이트의 메뉴 항목들)

  • <ul> > <li>

unordered (순서가 없는) list

속성역할
type항목 앞의 표시자 모양disc (default), square, circle
  • <ol> > <li>

ordered list

속성역할
type항목 앞의 표시자 형태1, A, a, I, i…
start시작할 번호정수 숫자값 (type과 관계없이)
  • <li>

list item, 목록의 요소, 다른 태그들을 포함할 수 있음

○ 테이블 태그

<table> > <tr> > <th>, <td>

<table> > <caption>

  • <table> : 표를 만든다.
  • <tr> : table row, 열
  • <th> : table header, 각 열, 행의 머리
속성역할
scope무엇 (행/열)의 머리인지 표시,보기에는 같은데 착한 사이트를 만들 수 있음col, row..
  • <td> : table data, 표의 각 칸
속성역할
colspan가로로 n개 칸 병합칸 개수 숫자값
rowspan세로로 n개 칸 병합칸 개수 숫자값
  • <caption> : 표의 제목
profile
훈이야 화이팅

0개의 댓글