728x90
반응형
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h2>순서없는 목록</h2>
<ul type="circle"> <!--목록, 들여쓰기-->
<li> 과일
<ul type="square">
<li> 사과
<li> 바나나
<li> 레몬
</ul>
<li> 음식
<li type="disc"> 음료
</ul>
<h2>순서있는 목록</h2>
<ol type="1" start="10"> <!--type 1/A/a/I/i-->
<li> 갖고 싶은것
<ol type="i">
<li>자동차
<li>집
<li>컴퓨터
<ul>
<li>삼성
<li>LG
</ul>
</ol>
<li value="100"> 사고 싶은것
<li value="200"> 먹고 싶은것
</ol>
<h2>정의형 목록</h2>
<dl>
<dt>첫번째
<dd> ☆ HTML
<dd> ★ HTML
<dd> ☆ HTML
<dt>두번째
<dd> CSS
<dt>세번째
<dd> JavaScript
</dl>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h2>나를 알자!</h2>
<ol type="I">
<li>가족
<ul>
<li>할머니, 할아버지
<li>어머니, 아버지
<li>누나 2명
</ul>
<li>출신학교
<ul type="disc">
<li>한국 초등학교
<li>한국 중학교
<li>한국 고등학교
</ul>
<li>좋아하는 것들
<ul>
<li>가을낙엽
<li>맛집가서 밥 먹기
<li>게임 레벨 올리기
<li>장학금 타기
</ul>
<li>취미
<ul type="square">
<li>웹서핑하기
<li>여행하기
</ul>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h3> 읽어야 하는 책 </h3>
<ul type="square">
<li> 한국문학
<font color="blue">
<ol type="A">
<li>구운몽 - 김만중
<li>삼대 - 염상섭
<li>카인의 후예 - 황순원
</ol>
</font>
<br>
<li> 외국문학
<ol>
<li value="10">그리스비극선집
<li value="20"><b><mark>세익스피어4대비극</b></mark>
<ol type="I">
<li>햄릿
<li>오셀로
<li>리어왕
<li><font color="red">맥베스</font>
<ul type="square">
<li>공포와 절망
<li>파멸해 가는 과정
</ul>
</ol>
<li value="30"><u>허클베리 핀의 모험</u>
</ol>
<br>
<li> 동양사상
<ol type="1">
<li>삼국유사 - 일연
<li>보조법어 - 지눌
<li>작자미상
<ul type="circle">
<li><s>아함경</s>
<li>우파니샤드
</ul>
</ol>
</ul>
</body>
</html>
728x90
반응형