HTML/main.html at master · xlwindlx/HTML · GitHub

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
<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8">
        <title>자기소개 홈페이지</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="css/simple-sidebar.css" rel="stylesheet">
        <!-- 메뉴 토글 기능-->
        <script src="js/jquery.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <style>

        @import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
        h1
        {
          font-size: 400%;
          font-weight: bold;
          color:#229966;
          font-family:"Nanum Pen Script";
          text-align: center;
          margin-top: 100px;
          position: relative;
          padding: auto;
        }
        img
        {
          margin: 50px;
          position: relative;
        }
      </style>
    </head>
    <body>
      <p>
        <h1>저의 홈페이지에 <br> 오신걸 환영합니다!</h1>
        <div class="row" style="text-align:center;">
          <a href="me.html" target="_self"><img src="나.jpg" border="0" alt="나" width="170px" height="170px"></a>
          <a href="friends.html" target="_self"><img src="가족친구.jpg" border="0" alt="가족/친구" width="170px" height="170px"></a>
          <a href="memory.html" target="_self"><img src="추억.jpg" border="0" alt="추억" width="170px" height="170px"></a>
          <br>
          <a href="hobby.html" target="_self"><img src="취미.jpg" border="0" alt="취미" width="170px" height="170px"></a>
          <a href="tresure.html" target="_self"><img src="보물지도.jpg" border="0" alt="보물지도" width="170px" height="170px"></a>
        </div>
      </p>
    </body>
</html>