본문 바로가기
프로그래밍

div와 시멘틱을 이용한 레이아웃

by BlueOcean&Shark 2019. 3. 27.
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
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<head>
    <title>
        열심히공부하자
    </title>
</head>
<body>
    <!--div를 이용한 레이아웃-->
    <div>
        <h1>열심히공부하자</h1>
        <hr />
    </div>
    <div>
        <ui>
            <li>메뉴1</li>
            <li>메뉴2</li>
            <li>메뉴3</li>
            <li>메뉴4</li>
            <li>메뉴5</li>            
        </ui>
        <hr />
    </div>
    <div>
        <h3>인사말</h3>
        <p>열심히공부하자는 성공한다</p>
        <hr />
    </div>
    <div>
        <p>열심히공부하자주식회사 서울시 중구 장충동123</p>
    </div>
 
 
<!--시멘틱을 이용한 레이아웃-->
    <head>
        <h1>열심히공부하자</h1>
        <hr />
    </head>
    <nav>
        <ui>
            <li>메뉴1</li>
            <li>메뉴2</li>
            <li>메뉴3</li>
            <li>메뉴4</li>
            <li>메뉴5</li>            
        </ui>
        <hr />
    </nav>
    <section>
        <h3>인사말</h3>
        <p>열심히공부하자는 성공한다</p>
        <hr />
    </section>
    <footer>
        <p>열심히공부하자주식회사 서울시 중구 장충동123</p>
    </footer>
</body>
cs



'프로그래밍' 카테고리의 다른 글

선택자  (0) 2019.03.28
선택자(개별,복수개,모두)  (0) 2019.03.27
비디오 / form / 블록,라인  (0) 2019.03.27
이미지/사운드  (0) 2019.03.27
[WPF]레이아웃  (0) 2019.02.01

댓글