frontend/html

HTML.08.List

dalc3154 2025. 3. 13. 13:42

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