본문 바로가기
코딩 공부

HTML LIST <ul>, <ol> , <li>

by 사브나 2020. 6. 30.

list란 여러 요소들을 일렬로 나열한 명단 혹은 목록을 이야기합니다.

html에서 상당히 자주 쓰이는 이 리스트는 2가지로 나눌 수 있습니다.

 

1. 순서가 없는 리스트 (unordered list)

2. 순서가 있는 리스트 (ordered list)

 

1. unordered list 을 줄여서 ul로 표현합니다

  list는 li로 표현됩니다.

 

예를 들면 

 

<ul>

   <li> 코딩 </li>

   <li> html</li>

   <li> list </li>

</ul>

 

웨 브라우저여 표시된 화면은 

 

 

 

  • 코딩

 

 

  • html

 

 

  • list

 

 

2. ordered list 순서가 있는 리스트

 

<ol>

   <li> 코딩 </li>

   <li> html</li>

   <li> list </li>

</ol>

 

 

 

 

웹 브라우저에 표시된 화면은 

 

  1. 코딩
  2. html
  3. list

 

'코딩 공부' 카테고리의 다른 글

HTML 과 CSS  (0) 2020.07.02
HTML 레이아웃 Layout  (0) 2020.07.01
HTML _ 색 그리고 <a>  (0) 2020.06.29
HTML _ 주석 스타일  (0) 2020.06.28
HTML _ 서식 <em><b><mark><del> 태그공부  (0) 2020.06.27

댓글