반응형
목록이란 연과 있는 항목들을 나열한 것을 의미
순서 없는 목록(unordered list)과 순서 있는 목록(ordered list)으로 구분됨.
순서 없는 목록: <ul></ul> 태그 사용, 블록 레벨 태그
<ul>
<li> 사자 </li>
<li> 고양이 </li>
<li> 청설모 </li>
<li> 호랑이 </li>
</ul>
순서 있는 목록:<ol></ol> 태그 사용, 블록레벨 태그
<ol>
<li> 영어 </li>
<li> 수학 </li>
<li> 국어 </li>
</ol>
코드 예시
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>목록 만들기</title>
<head>
<body>
<!-- 순서가 없는 목록 리스트-->
<h1>동물원 동물 목록</h1>
<ul>
<li> 사자 </li>
<li> 고양이 </li>
<li> 청설모 </li>
<li> 호랑이 </li>
</ul>
<!-- 순서가 있는 목록 리스트-->
<h1>내가 좋아하는 과목 순서</h1>
<ol>
<li> 영어 </li>
<li> 수학 </li>
<li> 국어 </li>
</ol>
<body>
<html>
반응형
'html' 카테고리의 다른 글
| select & textarea 태그 (0) | 2022.08.03 |
|---|---|
| 입력 요소: input 태그 (0) | 2022.08.01 |
| 링크 만들기 (0) | 2022.07.27 |
| id, class 태그 (0) | 2022.07.25 |
| 컨테이너 태그 - div, span 태그 (0) | 2022.07.25 |
