Notice
Recent Posts
Recent Comments
Link
«   2024/04   »
일 월 화 수 목 금 토
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
Tags more
Archives
Today
Total
관리 메뉴

moozi

layout02.html 본문

TIS_2018/응용sw2018_2기

layout02.html

moozi 2018. 9. 18. 15:29

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Layout연습</title>
    <style>
        #header{
            width: 100%;
            height: 100px;
            color: white;
            background: black
        }
        #nav{
            width: 100%;
            height: 30px;
            background: gray;
        }
        #section{
            width:80%;
            height:700px;          
            float:left;   
        }
        #aside{
            width:20%;
            height:700px;
            float:left;
            background: #dddddd;
        }
        #footer{
            width:100%;
            height: 30px;
            background: black;
            color: white;
            clear: both;
        }
    </style>
</head>
<body>
    <div id="header">
        <h1>TIS Edu</h1>
    </div>
    <div id="nav">
        About | History | Vision | Contact | Board
    </div>
    <div id="section">
        <h3>TIS정보기술교육센터</h3>
        TIS정보기술교육센터는 정부지원 IT전문교육기관입니다.
    </div>
    <div id="aside">
        <ul>
            <li>자바과정</li>
            <li>디자인과정</li>
            <li>네트워크과정</li>
        </ul>
    </div>
    <div id="footer">
        &copy;TIS.EDU. All rights reserved.
    </div>
</body>
</html>

'TIS_2018 > 응용sw2018_2기' 카테고리의 다른 글

html연습문제05  (0) 2018.09.19
html연습문제04  (0) 2018.09.18
html연습문제03  (0) 2018.09.17
html연습문제02  (0) 2018.09.14
html연습문제01  (0) 2018.09.13
'TIS_2018/응용sw2018_2기' Related Articles more
Comments