웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)
순차 목록 ol 본문
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML Lists - Ordered List</title>
</head>
<body>
<h1>HTML 리스트</h1>
<h2>내가 제일 좋아하는 영화</h2>
<!-- <list item> -->
<!-- <ordered list> -->
<ol>
<li> <!--
화면표시 mode : list-item
html, head, title, meta, style, body 제외
h1-6, p, blockquote, ... div, table,...
-->
<!--
<div>
<h3>최고 재미있었던 영화!!</h3>
<a href="#movie1">해리포터</a>
</div>
-->
<a href="#movie1">해리포터</a>
</li>
<li>넬</li>
<li>넬라판타지아</li>
<li>괴물</li>
<li>아바타</li>
<li>반지의 제왕</li>
</ol>
<!--
<p title="영화목록">
<a href="#movie1">1. 넬</a><br>
<a href="#movie2">2. 해리포터</a><br>
<a href="#movie3">3. 괴물</a><br>
<a href="#movie4">4. 아바타</a><br>
<a href="#movie5">5. 반지의 제왕</a>
</p>
-->
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML Lists - Ordered List</title>
</head>
<body>
<h1>HTML 리스트</h1>
<h2>내가 제일 좋아하는 영화</h2>
<!-- <list item> -->
<!-- <ordered list> -->
<ol>
<li> <!--
화면표시 mode : list-item
html, head, title, meta, style, body 제외
h1-6, p, blockquote, ... div, table,...
-->
<!--
<div>
<h3>최고 재미있었던 영화!!</h3>
<a href="#movie1">해리포터</a>
</div>
-->
<a href="#movie1">해리포터</a>
</li>
<li>넬</li>
<li>넬라판타지아</li>
<li>괴물</li>
<li>아바타</li>
<li>반지의 제왕</li>
</ol>
<!--
<p title="영화목록">
<a href="#movie1">1. 넬</a><br>
<a href="#movie2">2. 해리포터</a><br>
<a href="#movie3">3. 괴물</a><br>
<a href="#movie4">4. 아바타</a><br>
<a href="#movie5">5. 반지의 제왕</a>
</p>
-->
</body>
</html>
'html' 카테고리의 다른 글
| quotation 긴인용문과 짧은 인용문 (0) | 2011.11.10 |
|---|---|
| 비순차 목록 ul (0) | 2011.11.10 |
| 정의 목록 dl dt dd (0) | 2011.11.10 |
| del, ins (0) | 2011.11.10 |
| address (0) | 2011.11.10 |