목록 만들기 <ul,ol,dl 태그>

html에서 주로 사용되는 세 가지 목록 태그에 대해서 알아보자.

---

1) ul 태그

-(unordered list)

-순서 없는 목록 생성, 나열시 사용함.

-<li> 로 목록 내용 구성

<ul> 형식과 코딩 예시

 

<ul> 결과물

 

​

​

---

 

2) ol 태그

-(ordered list)

-순서가 존재하는 목록 생성 시 사용함.

-<li> 로 목록 내용 구성

<ol> 예시

 

 

<ol> 결과물

 

오호라.. 나중에 to do list + 운동 기록 등을 할 수 있는 웹 제작할 때  사용해볼까

​

​

​

---

3) dl 태그

-dl(decription list) , dt(description term), dd(description details) 태그 사용

-정의형 목록에 사용( 용어 설명 나열)

​

​

<dl> 예시

 

실행 결과물