Html 테그

03_html_목록테그

디자인인스 2017. 2. 10. 20:42

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<meta name="Keywords" content="">

<meta name="Description" content="">

<title>03_html_목록태그.html</title>

</head>

<body>

<!--

li : 목록태그, 여러개의 항목을 구룹하여 설정

1) 리스트 묶음

2) navigation의 의미


ul(기호)/ol(번호) : li태그를 구룹하기위한 부모태그


※ 반드시 부모태그와 함께 사용


-->

<ul>

<li>새우깡</li>

<li>땅콩</li>

<li>바다</li>

<li>별</li>

</ul>


<ol>

<li>새우깡</li>

<li>땅콩</li>

<li>바다</li>

<li>별</li>

</ol>


<ul>

<li>소주

<ul>

<li>이슬</li>

<li>린</li>

</ul>

</li>


<li>맥주

<ol>

<li>카스</li>

<li>OB</li>

<ol>

</li>

</ul>

<hr>

<!-- 정의목록태그 : title을 정의하고 설명을 달아줌 

dl(정의목록태그 사용 선언) > dt(정의하고자 하는 제목) / dd(정의타이틀에 대한 설명)

-->

<dl>

<dt>love</dt>

<dd>1. (특히 가족/친구에 대한) 사랑</dd>

<dd>2. (성적으로 끌리는 상대에 대한) 사랑</dd>

<dd>3. (어떤 것...) 사랑</dd>

</dl>



</body>

</html>



'Html 테그' 카테고리의 다른 글

03_html_리스트 테그  (0) 2017.02.10
02_html_a(다른기능)  (0) 2017.02.10
02_html_a테그  (0) 2017.02.10
01_html_글자테그  (0) 2017.02.10
윈도우 탐색기에서 파일확장자 표시  (0) 2010.10.27