<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3>순서가 없는 목록 태그</h3>
<ul>
<li>내용1</li>
<li>내용2</li>
<li>내용2</li>
</ul>
<h3>순서가 있는 목록 태그</h3>
<ol type="a">
<li>내용1</li>
<li>내용2</li>
<li>내용3</li>
</ol>
<ol type="i" start="3">
<li>수영</li>
<li>독서</li>
<li>운동</li>
</ol>
<h3>정의 목록 태그</h3>
<dl>
<dt>정의 항목 제목</dt>
<dd>정의 용어 설명1</dd>
<dd>정의 용어 설명2</dd>
</dl>
</body>
</html><ul> 태그 : 순서가 없는 목록을 나열할 때 사용한다.
<ol> 태그 : 순서가 있는 목록을 나열할 때 사용한다.
경우에 따라 type과 start를 지정하여 사용할 수 있다.
728x90
반응형
'HTML > HTML 기초' 카테고리의 다른 글
| [HTML] dl 실습 (0) | 2020.07.27 |
|---|---|
| [HTML] 리스트 실습 (0) | 2020.07.23 |
| [HTML] HTML 문자 강조 태그 이용하기 (0) | 2020.07.23 |
| [HTML] 기초실습2(<pre>태그 이용하기) (0) | 2020.07.23 |
| [HTML] 기초 실습1(<p>, <h1>, <hr>, <blockquote> 이용하기) (0) | 2020.07.23 |
