HTML5, <ol> <ul> <li> 태그 알아 보기
- HTML/HTML 기초
- 2020. 8. 2.
아래의 ol, ul, li 세 가지 태그는 모두 목록을 정의할 때 주로 메뉴에서 쓰입니다.
<ol> 태그는 Ordered List의 약자로 순서가 있는 목록을 말합니다.
<ul> 태그는 Unordered List의 약자로 순서가 없는 목록을 말합니다.
<li> 태그는 List Item의 약자로 각각의 항목들을 나열할 때 쓰는 태그입니다.
아래는 예제 태그 입니다.
<html lang="ko">
<head>
<meta charset="utf-8">
<title>HTML</title>
</head>
<body>
<ol>
<li>1억</li>
<li>5억</li>
<li>10억</li>
</ol>
<ul>
<li>벤츠</li>
<li>아우디</li>
<li>재규어</li>
</ul>
</body>
</html>
위 코드 블록 내용 중 body 부분을 발췌하여 넣으면 아래와 같습니다.
- 1억
- 5억
- 10억
- 벤츠
- 아우디
- 재규어
위의 예제에서 보다시피 <li> 태그는 순서가 있는 목록인 <ol> 태그와 순서가 없는 목록인 <ul> 태그 모두에서 아이템 내용 역할을 하는 태그로 작동합니다.
'HTML > HTML 기초' 카테고리의 다른 글
HTML5, <dl> <dt> <dd> 태그 알아 보기 (0) | 2020.08.02 |
---|---|
HTML5, <ol> 태그에 <ol type=""> 형식으로 속성 지정하기 (0) | 2020.08.02 |
HTML5, <b> <strong> <i> <em> 태그 알아 보기 (0) | 2020.08.02 |
HTML5, <mark> 태그 알아 보기 (0) | 2020.08.02 |