List의 하위요소 <li>태그: 각 항목들을 나열
<ol>태그: 순서가 있는 목록
목록의 순서를 나타내는 숫자는 type를 사용하여 다음 값으로 전환 가능
type = “1”
|
숫자(기본값)
|
type = “a”
|
영문(소문자)
|
type = “A”
|
영문(대문자)
|
type = “i”
|
로마 숫자 소문자
|
type = “I”
|
로마 숫자 대문자
|
<ul>태그: 순서가 없는 목록
목록 앞에 붙은 작은 원을 '불릿'이라고함
<dl>, <dt>, <dd> 태그
Definition List, Title, Data
이름과 값의 형태로 된 목록
dt: 이름 지정
dd: 값 지정
dl: 한 쌍의 dt와 dd를 지정
>>dl 하나에 여러 dd태그를 사용할 수 있음
<table>, <caption>태그
표를 만드는 태그
table: 표를 생성
caption: 표의 제목을 삽입
<tr>, <td>, <th>태그
행과 셀을 만드는 태그
tr태그: 행 생성
td, th 태그: 셀 생성
th태그: 표의 제목(굵은 글씨)
table태그 안에 tr, td, th태그가 작성되어야 표가 만들어짐
rowspan, colspan 속성
rowspan: 행을 합치는 속성
colspan : 열을 합치는 속성
##합친 위치의 셀을 코드에서 지워야 원하는 모양이 나옴
'frontend > html' 카테고리의 다른 글
HTML.10.Image (0) | 2025.03.13 |
---|---|
HTML.09.Hyperlink (0) | 2025.03.13 |
HTML.07.Text (0) | 2025.03.13 |
HTML.06.Head(헤드) (0) | 2025.03.12 |
HTML.05.Semantic(시맨틱) (0) | 2025.03.12 |