리스트적용법_li_ol_dl _ list_목록
ul_베이스.zip드림위버 속성창에 만들수 있는 아이콘이 있다.
이미지리스트만들기
<ul style="list-style-image:url(images/3.gif);">
<li>unordered list 1</li>
<li>unordered list
2</li>
<li>unordered list 3</li>
</ul>
<html>
<head>
<title>목록태그_OL/LI</title>
</head>
<body>
<ol>
<li> 목록태그
리스트
<li> 목록태그 리스트
<li> 목록태그
리스트
</ol>
<ol
type="A">
<li> 목록태그 리스트
<li> 목록태그
리스트
<li> 목록태그
리스트
</ol>
<ol
type="a">
<li> 목록태그 리스트
<li> 목록태그
리스트
<li> 목록태그
리스트
</ol>
<ol
type="ⅰ">
<li> 목록태그 리스트
<li> 목록태그
리스트
<li> 목록태그
리스트
</ol>
<ol
type="Ⅰ">
<li> 목록태그 리스트
<li> 목록태그
리스트
<li> 목록태그
리스트
</ol>
<ol
start="3">
<li> 목록태그
리스트
<li> 목록태그 리스트
<li> 목록태그
리스트
</ol>
</body>
</html>
----------------------------------------------------
dl(definition list)
정의 목록을 의미함
dt(definition term)
정의 용어를 의미함
dd(definition description)
정의에 대한 설명을 의미함
<dl>
<dt>GIS</dt>
<dd>Geographic
Information System</dd>
</dl>
------------------------------------------
list-style-type (리스트적용법)
종류
none: 없음
disc: 작은 꽉찬원
circle: 작은 빈원
square: 큰 꽉찬사각
decimal: 1,2,3
decimal-leading-zero: 0,1,2,3
upper-alpha, upper-latin: ABC
lower-alpha, lower-latin : abc
upper-roman: Ⅷ
lower-roman: ⅱ
lower-greek: 소문자 그리스 수자(난감함)
armenian: 고대아르마니안(난감함)
georgian: 고대조르지안 (난감함)
list-style-position (리스트적용법)
ex)
.in {list-style-position:inside; }
.out {list-style-position:outside;
}
list-style-image
ex)
list-style-image:url();