순서가 없는 목록 태그 <ul>
<ul>
<li>컴퓨터</li>
<li>모니터</li>
<li>마우스</li>
</ul>
· 컴퓨터
· 모니터
· 마우스
순서가 있는 목록 태그 <ol>
<ol>
<li>컴퓨터</li>
<li>모니터</li>
<li>마우스</li>
</ol>
1. 김사과
2. 오렌지
3. 반하나
사용자 정의 태그 <dl>
<dl>
<dt> 용산 전자상가 </dt> <!--dt : 왼쪽정렬, 제목으로 사용-->
<dd>컴퓨터</dd> <!--dd : 목록으로 사용-->
<dd>모니터</dd>
<dd>마우스</dd>
</dl>
용산 전자상자
컴퓨터
모니터
마우스
<!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>목록태그</title>
</head>
<body>
<ul> <!-- 단축키 : ul>li*3 -->
<li>컴퓨터</li>
<li>모니터</li>
<li>마우스</li>
</ul>
<hr/> <!-- 선긋기 -->
<ol>
<li>컴퓨터</li>
<li>모니터</li>
<li>마우스</li>
</ol>
<hr/>
<dl>
<dt>용산 전자상가</dt>
<dd>컴퓨터</dd>
<dd>모니터</dd>
<dd>마우스</dd>
</dl>
</body>
</html>
