[HTML] 1-4 나열되는 요소들

Yumin Jung·2023년 1월 11일
0

목록을 표현하는 태그 ul,ol,li

<ul> unordered list : 순서가 상관없는 리스트
<ol> ordered list : 순서가 필요한 정렬된 리스트
<li> list item

ul, ol의 1촌 자식은 오직 li만 가능하다!
css로 모양을 조절할 수 있다.

emmet ex) ul>li*4

ol 태그의 속성

type : 1/a/A/아라비아 숫자 등의 타입을 선택할 수 있다
start : 시작 지점을 선택할 수 있다. 5로 선택하면 5번부터 순서를 리스트한다
<ol type="A" start="3">
=> C
   D
   E
   .
   .
   .

css를 이용해 웹 상에서 나열되는 것들을 다양하게 표현할 수 있다.

용어와 정의를 나열하는 태그 dl,dt,dd

<dl>
<dt> 용어 </dt>
<dd> 정의 </dd>

emmet ex) dl>(dt+dd)*n

<dt> : <dd>
1:1 또는 n:n 가능

컴퓨터가 사이트를 분석할 때, 용어와 용어의 정의를 구분할 수 있다. (시각장애인 등 접근성 보장)

profile
문과를 정말로 존중해

0개의 댓글