반응형
<< 리스트 시멘틱 태그 html >>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<p>순서없는 목록</p>
<ul style="list-style-type: disc">
<li>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam velit
modi est amet voluptas dicta nostrum incidunt dolore atque, unde maiores
facere consectetur provident et distinctio dolor eveniet tempora aut!
</li>
<li>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam velit
modi est amet voluptas dicta nostrum incidunt dolore atque, unde maiores
facere consectetur provident et distinctio dolor eveniet tempora aut!
</li>
<li>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam velit
modi est amet voluptas dicta nostrum incidunt dolore atque, unde maiores
facere consectetur provident et distinctio dolor eveniet tempora aut!
</li>
</ul>
<p>순서있는 목록</p>
<ol type="a">
<li>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam velit
modi est amet voluptas dicta nostrum incidunt dolore atque, unde maiores
facere consectetur provident et distinctio dolor eveniet tempora aut!
</li>
<li>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam velit
modi est amet voluptas dicta nostrum incidunt dolore atque, unde maiores
facere consectetur provident et distinctio dolor eveniet tempora aut!
</li>
<li>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam velit
modi est amet voluptas dicta nostrum incidunt dolore atque, unde maiores
facere consectetur provident et distinctio dolor eveniet tempora aut!
</li>
</ol>
<p>설명 목록</p>
<dl>
<dt>menu</dt>
<dd>
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur
alias quos ducimus officia? Cumque et quaerat unde minima enim, optio
laboriosam maiores soluta nemo aliquid saepe fuga vitae beatae
aspernatur.
</dd>
<dd>
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur
alias quos ducimus officia? Cumque et quaerat unde minima enim, optio
laboriosam maiores soluta nemo aliquid saepe fuga vitae beatae
aspernatur.
</dd>
<dd>
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur
alias quos ducimus officia? Cumque et quaerat unde minima enim, optio
laboriosam maiores soluta nemo aliquid saepe fuga vitae beatae
aspernatur.
</dd>
</dl>
</body>
</html>
ul 에서는 list-style-type 을 통해서 표현되는 리스트 도형을 선택할 수 있다.
<< 노출 화면 >>
반응형
'쬬의 기초정리' 카테고리의 다른 글
| <시멘틱 태그> 서식 시멘틱 태그 정리 (0) | 2023.09.16 |
|---|---|
| [javascript] FormData 에서 form 쉽게 넣어주기 정석방법 비교 append , stringify (0) | 2023.08.31 |
| [websoket] 웹소켓 사용해 데이터 호출하기 / 웹소켓 데이터보기 (0) | 2023.07.16 |
| [Google Search Console] 색인생성 자동화 만들기 /구글서치콘솔 / Python (1) | 2023.07.12 |
| [BlockChain] 블록체인 개념/구조 쉽게 이해하기, 블록체인 코드 작성 (0) | 2023.07.01 |
