관리 메뉴

moozi

float.html 본문

TIS_2020/응용SW2020_1기

float.html

moozi 2020. 4. 20. 13:56

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>float</title>

    <style>

        *{padding:0margin0;}

        #header{

            width:100%;

            height100px;

            padding50px;

            backgroundblack;

            color:white;

        }

        #aside{

            width:100px;

            height:600px;

            padding:10px;

            background#cccccc;

            float:left;

        }

        #article{

            width:700px;

            height:600px;

            padding:10px;

            backgroundwhite;

        }

        #footer{

            width:100%;

            height:70px;

            padding20px;

            background:darkgray;

            clearboth;

        }

        #nav{

            width100%;

            height30px;

            background-color#585656;

            padding-left20px;

        }

    </style>

</head>

<body>

    <div id="header">

        <h1>TIS edu</h1>

    </div>

    <div id="nav">

        교육센터소개 | 교육센터연혁 | 교육과정 

    </div>

    <div id="aside">

        About<br>

        History<br>

        Board<br>

    </div>

    <div id="article">

        TIS 교육센터는 정부지원 IT전문교육기관 입니다.

    </div>

    <div id="footer">

        TIS Edu. All rights reserved.

    </div>

</body>

</html>

'TIS_2020 > 응용SW2020_1기' 카테고리의 다른 글

company  (0) 2020.04.29
삼성 데모  (0) 2020.04.28
4/14 haksa  (0) 2020.04.14
4/14 bookRent  (0) 2020.04.14
haksa table  (0) 2020.04.14
Comments