kbyyah
2022.01.28
@kbyyah님이 새 포스트를 작성했습니다.
15일차 과제
<!DOCTYPE html> <html>     <head lang = "ko">         <meta charset="UTF=8">         <link rel = "stylesheet" href="./style2.css"/>         <title>구글 프로토타입 만들기</title>     </head>     <body>         <div class = "main">             <h1><span>G</span><span>o</span><span>g</span><span>g</span><span>l</span><span>e</span></h1>             <div class = "search">                 <form action="https://www.google.com/search" method="GET">                         <input name = "q" type = "text" class = "form" placeholder="Goggle 검색">                 </form>             </div>             <br>             <div class="container">                 <div>                     <a href="https://www.youtube.com">                     <div class="icon">   <img src="103.jpg" class="imgs"></div>                     <div class="txt">유투브</div>                 </div>                 <br>                 <div>                     <a href="https://brunch.co.kr">                     <div class="icon">   <img src="102.jpg" class="imgs"></div>                     <div class="txt">브런치</div>                 </div>                 <br>                 <div class="grid">                     <a href="https://www.tiktok.com">                     <div class="icon">   <img src="104.jpg" class="imgs"></div>                     <div class="txt">틱톡</div>                 </div>                 <br>                 <div class="grid">                     <a href="https://www.podbbang.com">                     <div class="icon">   <img src="105.jpg" class="imgs"></div>                     <div class="txt">유튜브</div>                 </div>                 <br>                 <div class="grid">                     <a href="https://www.naver.com">                     <div class="icon">   <img src="101.jpg" class="imgs"></div>                     <div class="txt">네이버</div>                 </div>                 <br>             </div>             </body> </html> span:nth-child(1) {     color:black; } span:nth-child(2) {     color:red; } span:nth-child(3) {     color:yellow; } span:nth-child(4) {     color:green; } span:nth-child(5) {     color:pink; } span:nth-child(6) {     color:purple; } h1 {     font-size: 100px;     text-align: center; } .search {     text-align: center; } .form {     text-align: center;     width: 550px;     height: 25px;     border-radius: 30px;     padding: 10px 15px; } .container { text-align:center; }
kbyyah
2022.01.27
@kbyyah님이 새 포스트를 작성했습니다.
14일차 과제
<!DOCTYPE html> <html>     <head lang = "ko">         <meta charset="UTF=8">         <link rel = "stylesheet" href="./style2.css"/>         <title>구글 프로토타입 만들기</title>     </head>     <body>         <div class = "main">             <h1><span>G</span><span>o</span><span>g</span><span>g</span><span>l</span><span>e</span></h1>             <div class = "search">                 <form action="https://www.google.com/search" method="GET">                         <input name = "q" type = "text" class = "form" placeholder="Goggle 검색">                 </form>             </div>             <div class = "icon-box">                 <div class = "icon"></div>                 <div class = "icon"></div>                 <div class = "icon"></div>                 <div class = "icon"></div>                 <div class = "icon"></div>             </div>         </div>     </body> </html> span:nth-child(1) {     color:black; } span:nth-child(2) {     color:red; } span:nth-child(3) {     color:yellow; } span:nth-child(4) {     color:green; } span:nth-child(5) {     color:pink; } span:nth-child(6) {     color:purple; } h1 {     font-size: 100px;     text-align: center; } .search {     text-align: center; } .form {     text-align: center;     width: 550px;     height: 25px;     border-radius: 30px;     padding: 10px 15px; } .icon-box {     display: flex;     flex-direction: row;     flex-wrap: nowrap;     justify-content: center; } .icon {     width: 70px;     height: 70px;     background-color: rgb(228, 228, 228);     margin: 70px 30px;     border-radius: 50px; }
kbyyah
2022.01.26
@kbyyah님이 새 포스트를 작성했습니다.
13일차 과제
<!DOCTYPE html> <html lang="ko">     <head>         <meta charset="UTF-8">         <link rel="stylesheet" href="style2.css">     </head>     <body>         <div class="boxes">             <div class="box">1</div>             <div class="box">2</div>             <div class="box">3</div>             <div class="box">4</div>             <div class="box">5</div>         </div>     </body> </html> .box:nth-child(1) {     background-color:red; } .box:nth-child(2) {     background-color:blue; } .box:nth-child(3) {     background-color:green; } .box:nth-child(4) {     background-color:black; } .box:nth-child(5) {     background-color:violet; } .box{     width: 30px;     height: 30px;     margin: 50px;     border: 2px solid white;     font-size: 20px;     color: white;     text-align:center ; } .boxes {     display: flex;     flex-direction: row-reverse;     flex-wrap: wrap-reverse;     justify-content: space-between;     align-items: flex-start; }
kbyyah
2022.01.25
@kbyyah님이 새 포스트를 작성했습니다.
12일차 과제
<!DOCTYPE html> <html lang="ko">     <head>         <meta charset="utf-8">         <title>네이버 검색</title>         <link rel="stylesheet"href="./style2.css"/>     </head>     <body>         <div>             <form action="https://search.naver.com/search.naver" method="GET">                 <input id="query" class="form-control me-2" name="query" type="search" placeholder="무엇이 궁금하신가요?" aria-label="Search">             <button>검색</button>         </div>     </body> </html> input:-ms-input-placeholder{color: pink;} input::-webkit-input-placeholder{color: black;} input::-moz-placeholder{color: blue;} div{     height: 100px;     width: 400px;     border: 1px solid red;     background: #ffffff; } input{     font-size: 20px;     width: 325px;     padding: 10px;     border: 0px;     outline: none;     float: left; } button{     width: 50px;     height: 100%;     border: 0px;     background:skyblue;     outline: none;     float: right;     color: #ffffff; }
kbyyah
2022.01.25
@kbyyah님이 새 포스트를 작성했습니다.
11일차 과제
<!DOCTYPE html> <html lang="en">     <div class="form-check">         <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">         <label class="form-check-label" for="flexCheckDefault">           Have to do         </label>       </div>       <div class="form-check">         <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>         <label class="form-check-label" for="flexCheckChecked">           Wishlist         </label>       </div> </html> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
kbyyah
2022.01.21
@kbyyah님이 새 포스트를 작성했습니다.
10일차 과제
<!DOCTYPE html> <html lang="ko">     <head>         <meta charset="UTF-8">         <title>나의 프로필</title>         <link rel="stylesheet" href="./style.css"/>     </head>     <body>         <h2><p>수수의 프로필 <br> 이름: 수수 <br>직업: 대학생<br>나이: 20대 중반 <br>             <p>자기소개<br>세상을 더 잘 이해하고 싶어서 이것저것 공부하고 있습니다.</p>             <p>특징<br>쓸데없는 얘기 하면서 말 통하는 사람들과 맛있는거 먹는걸 좋아합니다.</p>         </h2>     </body> </html> body{color:green;   font-family: 'Black Han Sans', sans-serif; font-size: 100%;     background-color: lightblue;     text-align: center;     line-height: 1.5     opacity: 0.7;}
kbyyah
2022.01.19
@kbyyah님이 새 포스트를 작성했습니다.
8일차 과제
<!DOCTYPE html> <html> <head>     <link rel="stylesheet" href="./1111.css"> </head> <body>     <div id="triangle-up"></div>     </div>     <br>     <br>     <br>     <div id="heart"></div> </div> <br> <br> <br>     <div id="infinity"></div>     </div> </body> </html> #triangle-up {     width: 0;     height: 0;     border-left: 50px solid transparent;     border-right: 50px solid transparent;     border-bottom: 100px solid red;   }   #heart {     position: relative;     width: 70px;     height: 60px;   }   #heart:before,   #heart:after {     position: absolute;     content: "";     left: 50px;     top: 0;     width: 50px;     height: 80px;     background: blue;     border-radius: 50px 50px 0 0;     transform: rotate(-45deg);     transform-origin: 0 100%;   }   #heart:after {     left: 0;     transform: rotate(45deg);     transform-origin: 100% 100%;   }         #infinity {     position: relative;     width: 212px;     height: 100px;     box-sizing: content-box;   }   #infinity:before,   #infinity:after {     content: "";     box-sizing: content-box;     position: absolute;     top: 0;     left: 0;     width: 60px;     height: 60px;     border: 20px solid green;     border-radius: 50px 50px 0 50px;     transform: rotate(-45deg);   }   #infinity:after {     left: auto;     right: 0;     border-radius: 50px 50px 50px 0;     transform: rotate(45deg);   }
kbyyah
2022.01.18
@kbyyah님이 새 포스트를 작성했습니다.
7일차 과제
<!DOCTYPE html> <html lang="ko">     <head>         <meta charset="UTF-8">         <title>오늘의 일기</title>         <link rel="stylesheet" href="./diary.css"/>     </head>     <body>         <h1 class="title">Today's Diary</h1>         <span class="Diary">             <div class="date">                 2022년 01월 18일 화요일 <br>                             </div>             <div class="content">                  오늘은 스케쥴이 빡빡했다. <br>                  스타벅스에 오늘도 갔다. <br>                  옆에서 재미있는 이야기를 하고 있었다. <br>                  교보문고에서 책도 읽었다. <br><br>                  바쁘지만 뿌듯하다.             </div>         </span>     </body> </html> body{     text-align: center;     background-color: white; } .title{     margin:auto;     padding:2%;     position:fixed;     top:0; left:0; right:0;     height:50px;     background-color: rgb(0, 0, 0);     color:white; } .Diary{     margin:auto;     margin-top:150px;     position:relative;     top:150px; } .Diary.date{     margin:auto;     padding:10px;     position:absolute; } .content{     margin:auto;     padding:20px;     top:20px;     width:800px; height:1000px; background-color: rgba(92, 17, 17, 0.308);     position:relative; }
kbyyah
2022.01.18
@kbyyah님이 새 포스트를 작성했습니다.
6일차 과제
<!DOCTYPE html> <html lang="ko"> <head><meta charset="UTF = 8">     <title>음원차트</title>     <link rel="stylesheet" href="./style2.css"/> </head> <body>     <h1>음원차트</h1>     <div class="box2">     1. Perfect - Ed Sheeren </div>     <div class="box2">         2. Marry you - Bruno Mars     </div>     <div class="box2">         3. Killer Queen - Queen     </div>     <div class="box2">         4. Dancing Queen - Abba     </div>     <div class="box2">         5. Love story - Taylor Swift     </div> </body> </html> h1 {color:blue;text-align: center;} body{font-family: 'Poor Story', cursive; font-size: x-large;text-align: center;} p{font-family: 'Single Day', cursive; font-size: 200%;text-align: center;} div{width: 700px;height: 30px;text-align: center;} .box2{background-color:yellow;padding: 25px;margin:20px 20px 20px 725px; font-size: 30px;font-weight:lighter; text-align: center;}
kbyyah
2022.01.16
@kbyyah님이 새 포스트를 작성했습니다.
5일차 과제
<!DOCTYPE html> <head>     <meta charset="UTF-8">     <title>슈카월드 소개</title>     <link rel="stylesheet" href="./style.css"/> </head> <body>     <div>          <h1><span>슈</span><span>카</span><span>월</span><span>드</span></h1>                 <p style="font-size: 35px;">             </p>     </div>     <br>     <p>      주식 경제 방송 슈카월드를 소개합니다.</p>     <p>      보다보면 시간 가는 줄 모를거에요~</p>     <br>     <a href="https://www.youtube.com/channel/UCsJ6RuBiTVWRX156FVbeaGg"target="_blank">링크 클릭</a><br><br>     <img src="https://yt3.ggpht.com/ytc/AKedOLQaiBQGZkfMmM4XqsvWYRZUjUOk1cqZ_13vWIPe=s176-c-k-c0x00ffffff-no-rj" width="200" height="200"><br> </body> h1 span:nth-child(1) { font-family: 'Dongle', sans-serif;     color : red; } h1 span:nth-child(2) { font-family: 'East Sea Dokdo', cursive;     color : orange; } h1 span:nth-child(3) { font-family: 'Dosis', cursive;     color : yellow; } h1 span:nth-child(4) { font-family: 'Nanum Gothic', sans-serif;     color : green; }
kbyyah
2022.01.13
@kbyyah님이 새 포스트를 작성했습니다.
4일차 과제
<!DOCTYPE html> <head>     <meta charset="UTF-8">     <title>슈카월드 소개</title>     <link rel="stylesheet" href="./style.css"/> </head> <body>     <div>          <h1>슈카월드</h1>         <p style="font-size: 35px;">             </p>     </div>     <br>     <p>    <p style="font-size: 15px;"> 주식 경제 방송 슈카월드를 소개합니다.</p>     <p>    <p style="font-size: 15px;"> 보다보면 시간 가는 줄 모를거에요~</p>     <br>     <a href="https://www.youtube.com/channel/UCsJ6RuBiTVWRX156FVbeaGg"target="_blank">링크 클릭</a><br><br>     <img src="https://yt3.ggpht.com/ytc/AKedOLQaiBQGZkfMmM4XqsvWYRZUjUOk1cqZ_13vWIPe=s176-c-k-c0x00ffffff-no-rj" width="200" height="200"><br> </body> h1 {     color: red;     background-color: yellow; }
kbyyah
2022.01.12
@kbyyah님이 새 포스트를 작성했습니다.
모각코 3일차 과제
<!DOCTYPE html> <head>     <meta charset="UTF-8">     <title>슈카월드 소개</title>     <style>         div{              background-color: blue w;         }     </style> </head> <body>     <div>          <h1>슈카월드</h1>         <p style="font-size: 35px;">              </p>     </div>     <br>     <p>주식 경제 방송 슈카월드를 소개합니다.</p>     <p>보다보면 시간 가는 줄 모를거에요~</p>     <br>     <a href="https://www.youtube.com/channel/UCsJ6RuBiTVWRX156FVbeaGg"target="_blank">링크 클릭</a><br><br>     <img src="https://yt3.ggpht.com/ytc/AKedOLQaiBQGZkfMmM4XqsvWYRZUjUOk1cqZ_13vWIPe=s176-c-k-c0x00ffffff-no-rj" width="200" height="200"><br> </body>
kbyyah
2022.01.12
@kbyyah님이 새 포스트를 작성했습니다.
2일차 - 좋아하는 노래 소개
<!DOCTYPE html> <html lang="ko">     <head>             <meta charset="UTF-8">         <title>shape of you</title>     </head>     <body>         <h1>shape of you - ed sheeren </h1>         <h5>2017.03.03</h5>         <img src = https://search.pstatic.net/common/?src=http%3A%2F%2Fblogfiles.naver.net%2FMjAxNzAxMTlfMTgx%2FMDAxNDg0NzUyMDUxODk5.NPuSKNv2ZsSRsElWgdL-Z8p1Ih_baxUzz29AFs_vJh4g.6dH0r1kf5GC-8dsQLI758uaS4pm0gopGNQmcHFpe8ssg.JPEG.minihifi%2Fmaxresdefault_%25282%2529.jpg&type=sc960_832 width=500, height=300>         <h5>The club isn't the best place to find a lover<br>             So the bar is where I go<br>             Me and my friends at the table doing shots<br>             drinking fast and then we talk slow<br>             you come over and start up a conversation<br>             with just me and trust me<br>             I'll give it a chance now<br>             Take my hand stop, put van the man<br>             <br>         <a href="https://www.youtube.com/watch?v=JGwWNGJdvx8" title="777">             >> 노래 들으러 가기         </a>         </h5>     </body> </html>
axion
2022.01.11
@axion님이
1일차 과제
포스트에 댓글을 남겼습니다.
axion
2022.01.11
@axion님이
1일차 과제
포스트를 좋아합니다.
wocl123
2022.01.10
@wocl123님이
1일차 과제
포스트에 댓글을 남겼습니다.