<ol> : ol 태그로 감싸고 각 항목을 li 태그를 써서 순서 있는 목록을 만들 수 있음
type의 유형에 따라서 순서를 어떻게 할 것인지를 정할 수 있음
type의 유형에 따라서 순서를 어떻게 할 것인지를 정할 수 있음
티스토리 뷰
1. 개념
<ol> - 순서 있는 목록2. 태그
<ol>html5 코드
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
<! DOCTYPE html>
<html lang = "kr" >
<head>
<meta charset = "utf-8" >
<title> 키보드와 하루 </title>
</head>
<body>
1
<ol>
<li> 순서 목록1 </li>
<li> 순서 목록2 </li>
</ol>
2
<ol type = 'a' >
<li> 순서 목록3 </li>
<li> 순서 목록4 </li>
</ol>
3
<ol type = 'A' >
<li> 순서 목록5 </li>
<li> 순서 목록6 </li>
</ol>
4
<ol type = 'i' >
<li> 순서 목록7 </li>
<li> 순서 목록8 </li>
</ol>
5
<ol type = 'I' >
<li> 순서 목록9 </li>
<li> 순서 목록10 </li>
</ol>
</body>
</html>
|
결과 화면
코드 설명
1
<ol><li> ...... </li></ol>
ol은 순서가 있는 목록을 만들 수 있습니다. 타입 유형이 있지 않을 경우에는 기본형으로 숫자 1,2,3...으로 순서가 정해지게 됩니다.
2
<ol type = 'a' > ...... </li></ol>
type 유형에 소문자 a를 넣을 경우에는 순서가 영어 소문자 a,b,c,.... 순서로 목록이 만들어 집니다.
3
<ol type = 'A' > ...... </li></ol>
type 유형에 대문자 A를 넣을 경우에는 순서가 영어 대문자 A,B,C,.... 순서로 목록이 만들어 집니다.
4
<ol type = 'i' > ...... </li></ol>
type 유형에 소문자 i를 넣을 경우에는 순서가 로마 숫자 소문자 i,ii,... 순서로 목록이 만들어 집니다.
5
<ol type = 'I' > ...... </li></ol>
type 유형에 대문자 I를 넣을 경우에는 순서가 로마 숫자 대문자 I,II,... 순서로 목록이 만들어 집니다.
'[개발]프로그래밍 > html5' 카테고리의 다른 글
| [html5] <table>,<tr>,<td>,<th> - 일반적인 표 만들기 (0) | 2021.01.14 |
|---|---|
| [html5] - <dl> - 제목과 설명을 구분하여 하나의 목록으로 만들기 (1) | 2021.01.13 |
| [html5] <ul> - 순서가 없는 목록 만들기 (0) | 2021.01.01 |
| [html5] <mark> - 형광펜 효과 , <span> - 텍스트 영역 감싸 스타일 적용 (0) | 2020.12.31 |
| [html5] <q> - 따옴표로 인용문 표시 (0) | 2020.12.30 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday