-
<시멘틱 태그> 리스트 시멘틱 태그 정리쬬의 기초정리 2023. 9. 16. 16:06반응형
<< 리스트 시멘틱 태그 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
