728x90
반응형
<!DOCTYPE html>
<html>
<head>
<title>02_목록 관련 태그</title>
<meta charset="UTF-8">
</head>
<body>
<h1>02_목록 관련 태그</h1>
<h3>ul(Unordered List) 태그 : 순서가 없는 목록을 작성하는 태그(영역)</h3>
<h3>li(List Item) 태그 : 목록에 들어가는 내용을 작성하는 태그</h3>
<ul>
<li>샌드위치</li>
<li>주먹밥</li>
<li>돈까스</li>
<li>카레</li>
</ul>
<hr>
<h3>ol(Ordered List)태그 : 순서가 있는 목록을 작성하는 태그(영역)</h3>
<pre>
기본값 : 1부터 1씩 증가하는 숫자
*ol 태그의 type 속성
type = "a" --> 영어 소문자 순서대로
type = "A" --> 영어 대문자 순서대로
type = "i" --> 로마 소문자 순서
type = "I" --> 로마 대문자 순서
+추가 속성
start ="7" --> 숫자가 7부터 시작
reversed -->순서 반대로
</pre>
<ol type="1" start="3" reversed>
<li>샌드위치</li>
<li>주먹밥</li>
<li>돈까스</li>
<li>카레</li>
</ol>
</body>
</html>
728x90
반응형