📚 HTML5 ul, ol, li 태그

<ul> : 순서 없는 목록

ㄴ 속성 : type="앞 표시자" 값) disc(기본), square, circle

<h1>저녁 식사 메뉴</h1> 
<ul type="square"> 
    <li>흰쌀밥</li> 
    <li>육개장</li> 
    <li>콩나물무침</li> 
</ul>

👆 위 코드 실행 결과

 

---

 

<ol> : 순서 있는 목록

ㄴ type="앞 표시자" 값) 1, A, a 등..

ㄴ start="숫자" : 해당 숫자에서부터 시작

 

<h1>양치 순서</h1> 
<ol type="A" start="3"> 
    <li>칫솔과 치약을 꺼낸다.</li> 
    <li>치약 뚜껑을 열어 칫솔에 치약을 적당히 짜낸다.</li> 
    <li>양치를 시작한다.</li> 
</ol>

👆 위 코드 실행 결과

 

---

 

 

<li> : 목록의 요소 (항목 · 구성)