<ol></ol> : 순서 있는 목록 (ordered list)
<ul></ul> : 순서 없는 목록 (unordered list)
li 태그 (항목 태그)
- 목록에 들어가는 항목 하나 하나 표현 시 사용
- 감싸는 태그 (ul / ol 태그)에 따라 웹 브라우저에 나타나는 기호가 달라짐
≫ <ul>, <ol>, <li> 는 모두 블록 레벨 요소를 만드는 태그 !
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>목록 만들기</title>
</head>
<body>
<h1>귀여운 동물 목록</h1>
<ul>
<li>강아지</li>
<li><strong>고양이</strong></li>
<li>두더지</li>
<li>햄스터</li>
</ul>
<hr>
<h1>프로그래밍 공부 순서</h1>
<ol>
<li><mark>HTML</mark></li>
<li>CSS</li>
<li>JAVASCRIPT</li>
<li>NODEJS</li>
</or>
</body>
</html>- <ul>, <ol>, <li>는 모두 블록 태그이므로 안에 인라인 태그 추가 가능
- <mark></mark>
- 실행 결과
- HTML
- CSS
- JAVASCRIPT
- NODEJS
'front-end' 카테고리의 다른 글
| [HTML] SELECT와 TEXTAREA (0) | 2024.12.01 |
|---|---|
| [HTML] 입력 요소 만들기 (0) | 2024.12.01 |
| [HTML] 링크 만들기 (0) | 2024.12.01 |
| [HTML] 컨테이너와 전역 속성 (0) | 2024.12.01 |
| [HTML] 이미지 표시하기 (0) | 2024.12.01 |