html 리스트 예제
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>리스트 예제</title>
</head>
<body>
<h1>라면 끓이는 순서</h1><hr>
<ol type="A">
<li>물을 끓인다.</li>
<li>라면과 스프를 넣는다.</li>
<li>파를 썰어 넣는다.</li>
<li>5분 후 먹는다.</li>
</ol>
<br><br>
<h1>내가 좋아하는 음식</h1><hr>
<ul>
<li>감자탕</li>
<li>스파게티</li>
<li>올레국수</li>
</ul>
</body>
</html>
html 중첩리스트 예제 1.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>중첩 리스트</title>
</head>
<body>
<ul>
<li>상위 리스트 1 </li>
<ul>
<li>하위 리스트 1-1</li>
<ol>
<li>더 하위 리스트 a</li>
<li>더 하위 리스트 b</li>
<li>더 하위 리스트 c</li>
</ol>
<li>하위 리스트 1-2</li>
<li>하위 리스트 1-3</li>
</ul>
<li>상위 리스트 2 </li>
<ol>
<li>하위 리스트 2-1</li>
<li>하위 리스트 2-2</li>
<li>하위 리스트 2-3</li>
</ol>
<li>상위 리스트 3 </li>
</ul>
</body>
</html>
html 중첩리스트 예제 2.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>내가 사는 이유</title>
</head>
<body>
<h2>내가 사는 이유</h2><hr>
<ul>
<li>내가 좋아하는 음식 많아요.</li>
<ul>
<li>감자탕</li>
<li>스파게티</li>
<li>올레국수</li>
</ul>
<li>라면 먹기 좋아해요.</li>
<ol type="1">
<li>물을 끓인다.</li>
<li>라면과 스프를 넣는다.</li>
<li>파를 썰어 넣는다.</li>
<li>한 입에 다 먹는다.</li>
</ol>
<li>여름에는 바다로</li>
<li>가을에는 산으로</li>
</ul>
</body>
</html>
'STUDY' 카테고리의 다른 글
| html 시맨틱 태그 (0) | 2019.03.19 |
|---|---|
| html 연습하기 (0) | 2019.03.18 |
| html text 꾸미기 (0) | 2019.03.11 |
| html 들여쓰기, <>사용하기, pre태그 (0) | 2019.03.11 |
| html 연습 1 (0) | 2019.03.11 |