Post

[html][css] html 구조를 연습해보자

Posted
By 김 동우 1 min read

Django 사이트

장고 사이트

  • 장고 사이트 상단 네비게이션바 부분을 HTML로 작성하겠습니다.
  • CSS는 없이 구조만 작성했습니다.

CODE

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Django</title>
</head>
<body>
    <div class="header">
        <div class="container">
            <div class="container-left">
                <div class="logo">
                    <h1>Django</h1>
                    <p>The web framework for perfectionists with deadlines</p>
                </div>
                <div class="menu">
                    <div class="menu-item">OVERVIEW</div>
                    <div class="menu-item">DOWNLOAD</div>
                    <div class="menu-item">DOCUMENTATION</div>
                    <div class="menu-item">NEWS</div>
                    <div class="menu-item">COMMUNITY</div>
                    <div class="menu-item">CODE</div>
                    <div class="menu-item">ISSUES</div>
                    <div class="menu-item">ABOUT</div>
                    <div class="menu-item">♥ DONATE</div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>


Result

Alt text


HTML / CSS
HTML CSS
This post is licensed under CC BY 4.0 by the author.