Binary World

<HTML> List 생성하기 본문

개발자의 길/Web Programming

<HTML> List 생성하기

모쿠 2017. 3. 28. 16:50

<HTML List>


1. Unordered List: 순서가 없는 리스트

2. Ordered List: 순서가 있는 리스트

3. Definition List: 사전식 리스트

HTML Tag:

<ul>: Unordered List

<ol>: Ordered List

<li>: list item

<dl>: definition(description) list

<dt>: description term

<dd>: description definition



<05_list.html>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML List</title>
</head>
<body>
 
    <h1>HTML List</h1>
    <!-- 
    HTML List
    1. Unordered List: 순서가 없는 리스트
    2. Ordered List: 순서가 있는 리스트
    3. Definition List: 사전식 리스트
    
    HTML Tag:
    <ul>: Unordered List
    <ol>: Ordered List
    <li>: list item
    <dl>: definition(description) list
    <dt>: description term
    <dd>: description definition
     -->
     
     <ul>
         <li>미녀와 야수</li>
         <li>프리즌</li>
         <li>로건</li>
     </ul>
     
     <hr/> <!-- horizontal ruler -->
     
     <ul style="list-style-type: none;">
         <li>미녀와 야수</li>
         <li>프리즌</li>
         <li>로건</li>
     </ul>
     
     <hr/> <!-- horizontal ruler -->
     
     <ul style="list-style-image: url('images/pic0.jpg')">
         <li>미녀와 야수</li>
         <li>프리즌</li>
         <li>로건</li>
     </ul>
</body>
</html>
cs


저작자표시 비영리 (새창열림)

'개발자의 길 > Web Programming' 카테고리의 다른 글

<HTML> 이미지 스타일(사이즈)  (0) 2017.03.29
<HTML> Table 생성하기  (0) 2017.03.28
<HTML> 글자 포멧  (0) 2017.03.28
<HTML> HTML style 삽입  (0) 2017.03.28
<HTML> 태그에 대한 이해  (0) 2017.03.28
'개발자의 길/Web Programming' Related Articles more
Comments