본문 바로가기

IT To do and To was

22년 2월 24일_3일 연휴가 나를 기다린다 미니프로젝트 설계, 웹디실기 공부

728x90
반응형

목요일[홀로 한주를 보냈다. 즐거웠다]

1. ppt기재

2. 금일 코드 공유

 

1. 하둡강의인데 다른 것만 잔뜩..!?

 

2. 금일코드공유

html css
<!DOCTYPE html>
<html lang="ko">
    <head>
    <meta charset="UTF-8">
    <title>박하률</title>
        <link rel="stylesheet" href="css/common.css">
        <script src="js/jquery-3.3.1.min.js"></script>
        <script src="js/common.js"></script>
    </head>
    <body>
<div class="header">
    <h1>로고</h1>
    <div class="gnb">메뉴</div>
</div>
<div class="main"></div>
<div class="contents">
    <div class ="notice">공지사항</div>
    <div class ="gallery">갤러리</div>
    <div class ="banner">배너</div>
</div>
<div class="footer">
    <h1>로고</h1>
    <p class="copy">
        카피라이트
    </p>
    <div class="family">패밀리사이트</div>
</div>
    </body>
</html><!--ctrl + shfit +/-->
*{padding : 0; margin: 0;}

.header{
    width: 1200px; height: 100px; margin: 0 auto;
    
}
.main{
    width: 1200px; height: 300px; margin: 0 auto;
    background-color: firebrick;
    
}
.contents{
    width: 1200px; height: 200px; margin: 0 auto;
    
}
.footer{
    width: 1200px; height: 200px; margin: 0 auto;
    
}
h1{
    float: left; width: 200px; height: 100px;
    background-color: azure;
}
.gnb{
    float: left; width: 1000px; height: 100px;
    background-color: antiquewhite;
}
.notice, .gallery, .banner{
    float: left; width: 400px; height: 300px;
}
.notice{background-color: aquamarine;}
.gallery{background-color: bisque;}
.banner{background-color: cadetblue;}

.copy, .family{
    float: left; width: 1000px; height: 50px;
    background-color: cadetblue;
}
.copy{
    background-color: darkseagreen;
}

 

//yesterday wished to today list

.웹디자인 영역 적은 블로그 기재하기 

. 하둡 재미 느끼기 😒_하둡하지도 않음

 

 

tomorrow wish list

 

. 웹디자인 블로그에 기재한 거 모두 상기하기

. 웹디자인 강의 3개 보기

. 은행가기

. 외로워하지 않고 옳은 행동하기

728x90
반응형