초보개발자의 성장블로그
HTML 12 <ol>태그와 <li>태그로 순서 있는 목록 만들기
프론트엔드/HTML2021. 3. 18. 15:02
순서 목록
- 순서가 있는 목록
- <ol> 태그 사용, 각 항목은 <li> 태그로 입력
- 목록의 각 항목에는 기본값으로 type="1" 이 적용
가족 생태체험여행
1. 기간 : 2015년 4월~10월
2. 대상 : 가족(초등학생 이상 어린이, 부모 및 동반자 참여)
※프로그램의 성격에 따라 대상자의 연령이 변경될 수 있습니다.
3. 인원 : 1반 20명 내외(부모 포함) 정원
4. 참가비 : 해당 프로그램 참조
5. 신청방법 : 홈페이지 신청, 사전결제(카드)
<!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>
<h3>가족 생태체험여행</h3>
<ol>
<li>기간 : 2015년 4월~10월</li>
<li>대상 : 가족(초등학생 이상 어린이, 부모 및 동반자 참여)<br>
※프로그램의 성격에 따라 대상자의 연령이 변경될 수 있습니다. </li>
<li>인원 : 1반 20명 내외(부모 포함) 정원</li>
<li>참가비 : 해당 프로그램 참조</li>
<li>신청방법 : 홈페이지 신청, 사전결제(카드)</li>
</ol>
</body>
</html>'프론트엔드 > HTML' 카테고리의 다른 글
| HTML 14 <a> 태그로 링크 만들기 (하이퍼링크) (0) | 2021.03.18 |
|---|---|
| HTML 13 <dl>,<dt>,<dd>태그로 정의 목록 만들기 (0) | 2021.03.18 |
| HTML 11 <ul>태그와 <li> 태그로 순서 없는 목록 만들기 (0) | 2021.03.18 |
| HTML 10 <P>태그로 단락 구분하기 (0) | 2021.03.18 |
| HTML 09 특수 문자에 대한 HTML 표기 방식 (0) | 2021.03.18 |
댓글()