728x90
반응형
| 태그 | 설명 |
| ul | 순서가 없는 목록 |
| ol | 순서가 있는 목록 |
| li | 목록 요소 |
ㄱ.순서가 없는 목록
</head>
<body>
<ul>
<li>지구</li>
<li>목성</li>
<li>토성</li>
</ul>
</body>
- 지구
- 목성
- 토성
ㄱ.순서가 있는 목록
<body>
<ol>
<li>지구</li>
<li>목성</li>
<li>토성</li>
</ol>
</body>
- 지구
- 목성
- 토성
ㄷ.중첩 목록
<body>
<ul>
<!-- 첫번째 목록 -->
<li>
<b>지구형 행성</b>
<ol>
<li>수성</li>
<li>금성</li>
<li>지구</li>
<li>화성</li>
</ol>
</li>
<!-- 두번째 목록 -->
<li>
<b>목성형행성</b>
<ol>
<li>목성</li>
<li>토성</li>
<li>천왕성</li>
<li>해왕성</li>
</ol>
</li>
</ul>
</body>
-
지구형 행성
- 수성
- 금성
- 지구
- 화성
-
목성형행성
- 목성
- 토성
- 천왕성
- 해왕성
728x90
반응형
'HTML／CSS／JS' 카테고리의 다른 글
| [HTML5] 06. div, span, 시맨틱태그 (0) | 2022.10.17 |
|---|---|
| [HTML5] 05. 입력 양식 태그 (input,label,select,multiple,optgroup) (0) | 2022.10.14 |
| [HTML5] 04.미디어 태그 (img,src,audio,video) (0) | 2022.10.13 |
| [HTML5] 03.테이블 태그 (table,tr,th,td,colspan,rowspan) (0) | 2022.10.13 |
| [HTML5] 01.글자태그 (h1,a href) (0) | 2022.10.13 |
728x90
반응형
| 태그 | 설명 |
| ul | 순서가 없는 목록 |
| ol | 순서가 있는 목록 |
| li | 목록 요소 |
ㄱ.순서가 없는 목록
</head>
<body>
<ul>
<li>지구</li>
<li>목성</li>
<li>토성</li>
</ul>
</body>
- 지구
- 목성
- 토성
ㄱ.순서가 있는 목록
<body>
<ol>
<li>지구</li>
<li>목성</li>
<li>토성</li>
</ol>
</body>
- 지구
- 목성
- 토성
ㄷ.중첩 목록
<body>
<ul>
<!-- 첫번째 목록 -->
<li>
<b>지구형 행성</b>
<ol>
<li>수성</li>
<li>금성</li>
<li>지구</li>
<li>화성</li>
</ol>
</li>
<!-- 두번째 목록 -->
<li>
<b>목성형행성</b>
<ol>
<li>목성</li>
<li>토성</li>
<li>천왕성</li>
<li>해왕성</li>
</ol>
</li>
</ul>
</body>
-
지구형 행성
- 수성
- 금성
- 지구
- 화성
-
목성형행성
- 목성
- 토성
- 천왕성
- 해왕성
728x90
반응형
'HTML／CSS／JS' 카테고리의 다른 글
| [HTML5] 06. div, span, 시맨틱태그 (0) | 2022.10.17 |
|---|---|
| [HTML5] 05. 입력 양식 태그 (input,label,select,multiple,optgroup) (0) | 2022.10.14 |
| [HTML5] 04.미디어 태그 (img,src,audio,video) (0) | 2022.10.13 |
| [HTML5] 03.테이블 태그 (table,tr,th,td,colspan,rowspan) (0) | 2022.10.13 |
| [HTML5] 01.글자태그 (h1,a href) (0) | 2022.10.13 |
