![[2021/12/08] 국비지원-HTML5 코딩툴 기본학습 -2-(3) ol](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2F55Tll%2FbtrolU26TWz%2FAAAAAAAAAAAAAAAAAAAAAOX_R_Fm9bZtm1I056Gke1ghnJz2jJVrtpEUtu_P8XHr%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3Dh%252FhFZOZXafG8jf7scR3sTxQS4qU%253D)
순서형 태그 : ol
비순서형 태그 : ul
정의형 태그 : dl
ol, ul의 자식으로는 반드시 li가 오고,
dl의 자식은 dt, dd가 온다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>list 목록 -ol</title>
</head>
<body>
<!-- list 목록 : ol 순서형, ul 비순서형, dl 정의형 -->
<h3>장애인차별금지법에 의한 권리구제 절차</h3>
<p><strong>행정기관을 통한 권리구제(국가인권위원회, 법무부)</strong></p>
<ol>
<li>진정접수</li>
<li>국가인권위원회 조사</li>
<li>국가인권위원회 결정</li>
<li>시정권고</li>
<li>진정인, 피진정인, 법무부 장관에 전달</li>
<li>법무부 장관</li>
<li>시정명령</li>
<li>불이행시 과태료 부과</li>
</ol>
<hr/>
<h2>시금치무침 만드는 법</h2>
<p>베타카로틴과 엽산의 보고 시금치무침, 시금치는 영양소가 풍부하지만 수산의 함량이 높은데 참깨와 먹으면 참깨가 수산의 흡수를 낮춰주며 시금치의 비타민 C가 깨의 철분 흡수를 도와줘요.</p>
<h3>1. 요리법</h3>
<h4>3) 요리과정</h4>
<ol>
<li><img src="images/syj_61_i2.jpg" alt="시금치를 냄비에 넣는 사진"> 01. 시금치는 가닥가닥 뜯은 다음 흐르는 물에 씻은 후 끓는 물에 소금을 넣고 15초 동안 데친다.</li>
<li><img src="images/syj_61_i3.jpg" alt="시금치를 도마에 놓고 써는 사진"> 02. 데친 시금치를 찬물에 헹궈 물기를 꼭 짠 후 4~5㎝ 길이로 자른다.</li>
<li><img src="images/syj_61_i4.jpg" alt="시금치를 유리보울에서 무치는 사진"> 03. 2의 시금치를 양념이 잘 배도록 턴 후, 볼에 남은 재료를 모두 한데 담고 조물조물 무친다.</li>
</ol>
<hr/>
<h2>멜론차트 > 2021.12.08 12:00 기준</h2>
<ol>
<li>리무진 (Feat. MINO) (Prod. GRAY)
BE'O (비오)</li>
<li>회전목마 (Feat. Zion.T, 원슈타인) (Prod. Slom)
sokodomo</li>
<li>만남은 쉽고 이별은 어려워 (Feat. Leellamarz) (Prod. TOIL)
베이식 (Basick)</li>
<li>사랑은 늘 도망가
임영웅</li>
<li>불협화음 (Feat. AKMU) (Prod. GRAY)
Mudd the student</li>
<li>strawberry moon
아이유</li>
<li>쉬어 (Feat. MINO) (Prod. GRAY)
아넌딜라이트(Anandelight), unofficialboyy, BE'O (비오), 지구인, Mudd the student </li>
<li>Wake Up (Prod. 코드 쿤스트)
개코, Ourealgoat (아우릴고트), SINCE, 안병웅, Tabber, 조광일 </li>
<li>ELEVEN
IVE (아이브)</li>
<li>네가 없는 밤 (Feat. ASH ISLAND) (Prod. GRAY)
BE'O (비오)</li>
</ol>
</body>
</html>