HTML,CSS,Js - HTML 목록 만들기.
2024. 7. 29. 09:51ㆍ---Learning (학습)---/HTML+CSS+자바스크립트
728x90
1. ul 태그는 순서가 없는 비순서형 목록을 생성할 때 사용합니다. (목록 내용은 li 태그로 구성합니다.)
<!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>
<h1>목록 이름</h1>
<ul>
<li>목록1</li>
<li>목록2</li>
<li>목록3</li>
</ul>
</body>
</html>
<예시 사진>
2. ol 태그는 순서형으로 목록을 생성할 때 사용합니다. (내용은 li 태그)
<h1>하루 루틴</h1>
<ol>
<li>아침 8시 기상</li>
<li>모닝 체조</li>
<li>아침 먹기</li>
</ol>
<예시 사진>
3.dl 태그는 정의형 목록을 구성할 때 사용합니다.
*정의형 목록: 용어와 용어 설명을 나열한 형태의 목록.
(dt 태그: 용어)
(dd 태그: 용어 설명)
<dl>
<dt>Web</dt>
<dd>동영상이나, 음성 따위의 각종 멀티미디어를 이용하는 인터넷을 이르는 말.</dd>
</dl>
<예시 사진>
728x90
'---Learning (학습)--- > HTML+CSS+자바스크립트' 카테고리의 다른 글
| HTML,CSS,Js - HTML 텍스트 강조. (0) | 2024.07.30 |
|---|---|
| HTML,CSS,Js - HTML 링크와 이미지 넣는 방법. (0) | 2024.07.30 |
| HTML,CSS,Js - HTML 그룹 짓기. (0) | 2024.07.28 |
| HTML,CSS,Js - HTML 텍스트 작성. (0) | 2024.07.28 |
| HTML,CSS,Js - 첫 번째 HTML 문서 만들기. (0) | 2024.07.28 |