본문 바로가기

Code

2021.3.9 (Tue) - Code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" a href="2.css">
</head>
<body>
    <div id="wrap">
        <div id="header">
            <h1 id="logo">
                <a href="#">
                    <img scr="./image/logo,png">
                </a>
            </h1>
            <div id="png">
                <ul>
                    <li><a href="#">학교소개</a></li>
                    <li><a href="#">교육과정</a></li>
                    <li><a href="#">취업정보</a></li>
                    <li><a href="#">커뮤니티</a></li>
                    <li><a href="#">상담신청</a></li>
                </ul>
            </div>
        </div>
    </div>
    
</body>
</html>

Alone/

HTML

 

 

 

CSS

아무것도 못했어

think about how it will looks like

천천히라도

 

 

 

*{
    margin:0;
    padding:0;
}

#header{
    width:1000px;
    margin:0 auto
    height:102px
}

#logo{
    display:inline-block; /*is it same as float:left?*/
    margin: top 20px;
}

#gnb{
    float:right;
}

#gnb>ul>li{
    float:left;
    padding: 40px o;
    width:120px;
}

 

 

 

 

 

'Code' 카테고리의 다른 글

2021.3.12(Thu) - Practice  (0) 2021.03.12
2021.3.11(Thu) - Group Assignment  (0) 2021.03.11
2021.3.10 (Wed) - container/ contents  (0) 2021.03.10
2021.3.10-code {혼자  (0) 2021.03.10
2021.3.8 (Mon)- Coding  (0) 2021.03.09