<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>01_목록을 표시하는 li태그</title>
</head>
<body>
<h1>순서와 관련있는 목록 태그</h1>
<h2>영화 상영 인기 순위 리스트</h2>
<ol>
<li><a href="https://movie.naver.com/movie/bi/mi/basic.naver?code=215932" target="_blonk">스즈메의 문단속 </a></li>
<li><a href="https://movie.naver.com/movie/bi/mi/basic.naver?code=217747" target="_blonk">웅남이</a></li>
<li><a href="https://movie.naver.com/movie/bi/mi/basic.naver?code=187923" target="_blonk">소울메이트</a></li>
<li><a href="https://movie.naver.com/movie/bi/mi/basic.naver?code=223800" target="_blonk">더 퍼스트 슬램덩크 </a></li>
</ol>
<!-- ol>li*4 -->
<!-- ol>li*4>{list$} -->
<ol>
<li><a href="http://www.naver.com"> list1</li></a>
<li><a href="http://www.naver.com"> list2</li></a>
<li><a href="http://www.naver.com"> list3</li></a>
<li><a href="http://www.naver.com"> list4</li></a>
</ol>
<!-- http://www.naver.comol>li{list$}http://www.naver.com*4 -->
<ol>
<a href="http://www.naver.com"><li>list1</li></a>
<a href="http://www.naver.com"><li>list2</li></a>
<a href="http://www.naver.com"><li>list3</li></a>
<a href="http://www.naver.com"><li>list4</li></a>
</ol>
<h1>순서와 관련없는 목록 태그</h1>
<h2>우리반 점심메뉴 </h2>
<ul>
<li>김밥</li>
<li>햄버거
<ul>
<li>치킨 버거
<ul>
<li>핫치킨맛
<ul>
<li>불맛</li>
<li>불불맛</li>
</ul>
</li>
<li>갈릭치킨</li>
</ul>
</li>
<li>불고기 버거</li>
</ul>
</li>
<li>라면</li>
<li>백반</li>
</ul>
<!-- ul>li{list$}*4 -->
<ul>
<li>list1</li>
<li>list2</li>
<li>list3</li>
<li>list4</li>
</ul>
</body>
</html>
'HTML > code' 카테고리의 다른 글
| 링크를 걸어 컨텐츠로 이동하기 (0) | 2023.03.24 |
|---|---|
| 배운 태그를 이용한 각오 (0) | 2023.03.24 |
| 다양한 태그 (0) | 2023.03.24 |
| 태그 복습 (0) | 2023.03.24 |
| html (0) | 2023.03.22 |