반응형
순서가 있는 목록 태그
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- ol : 순서있는 목록 태그(ordered list) -->
<!-- li : 자식태그 -->
<ol>
<li>사과</li>
<li>바나나</li>
<li>오렌지</li>
</ol>
</body>
</html>
순서가 없는 목록 태그
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 줄복사 : ctrl + d -->
<!-- 참고) 에밋기능 : 부모태그>자식태그*개수 (ul>li*3) -->
<!-- ul : 순서없는 목록 태그(unordered list) * 많이사용함 -->
<!-- li : 자식태그(항목) list -->
<ul>
<li>사과</li>
<li>바나나</li>
<li>오렌지</li>
</ul>
</body>
</html>
반응형
'HTML > HTML 이론' 카테고리의 다른 글
| [HTML] 태그 요약 (0) | 2023.08.03 |
|---|---|
| [HTML] 미디어 삽입 (0) | 2023.08.03 |
| [HTML] 표 만들기 (0) | 2023.08.03 |
| [HTML] 텍스트 폰트 태그 (0) | 2023.08.02 |
| [HTML] 기본단축키 및 실습 (0) | 2023.08.01 |