hyedal95
2022.02.15
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화 9일차 과제
✅ 퀴즈 문제 : 미니홈피 홈화면 레이아웃 완성하기 html <!DOCTYPE html> <html lang="ko">   <head>     <meta charset="UTF-8" />     <title>해달 미니홈피</title>     <link rel="stylesheet" href="./static/font.css" >     <link rel="stylesheet" href="./static/home.css" >     <link rel="stylesheet" href="./static/layout.css">     <style>       @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');     </style>   </head>   <body>     <div class="bookcover">         <div class="bookdot">             <div class="page">                 <div class="left-container">                     <div class="left-title">TODAY <span class="num">95</span> | TOTAL220217</div>                     <div class="left-box">                         <div class="profile">                             <img src="./static/Screenshot 2022-02-15 at 22.25.11.jpg">                             <p>                                 "나 살쪘어"<br>                                 "...."<br>                                 "...."<br>                                 "언제 빼지..."<br>                                 <span class="line">"난 해달이야"</span><br><br>                                 -보노보노 이미지 첨부-                             </p>                         </div>                         <div class="dropdown">                             <select name="surfing" class="surfing">                                 <option value="none" selected disabled hidden>파도타기</option>                                 <option value="코뮤니티로 가기">코뮤니티로 가기</option>                                 <option value="인스타그램으로 가기">인스타그램으로 가기</option>                             </select>                         </div>                     </div>                 </div>                 <div class="middle-container">                     <div class="middle-title">                         <div class="middle-title-name">해달 미니홈피</div>                         <div class="middle-title-url"><a href ="https://www.instagram.com/hyerim950905/">https://www.instagram.com/hyerim950905/</a></div>                     </div>                     <div class="middle-box">                         <div class="news">                             <div class="news-title">                                 Updated news                             </div>                             <div class="news-box">                                 <div class="news-left">                                     <div class="news-left-1">                                         <div class="icon-pic">사진첩</div>                                         <div class="news-left-1-title">이직하고 싶어!</div>                                     </div>                                     <div class="news-left-2">                                         <div class="icon-notice">게시판</div>                                         <div class="news-left-2-title">언니 노트북 사주고파</div>                                     </div>                                     <div class="news-left-3">                                         <div class="icon-notice">게시판</div>                                         <div class="news-left-3-title">웹코딩 정복하자</div>                                     </div>                                     <div class="news-left-4">                                         <div class="icon-pic">사진첩</div>                                         <div class="news-left-4-title">닭발 치즈 파스타 들어보았는가?</div>                                     </div>                                 </div>                                 <div class="news-right">                                     <div class="news-right-1">                                         <div class="news-right-1-diary">다이어리<span class="date"> 0/18</span></div>                                         <div class="news-right-1-pic">사진첩<span> 2/18</span></div>                                     </div>                                     <div class="news-right-2">                                         <div class="news-right-2-board">게시판<span> 2/18</span></div>                                         <div class="news-right-2-visit">방명록<span> 0/18</span></div>                                     </div>                                 </div>                             </div>                         </div>                         <div class="room">                             <div class="room-title">                                 Miniroom                             </div>                             <div class="room-box">                                 <div class="room-img">                                     <img src="./static/quiz-6.gif" style="width:250px; height:250px;" alt="룰루">                                 </div>                             </div>                         </div>                     </div>                 </div>                 <div class="right-container">                     <div class="right-menu">                         <div onclick="location.href='#';" style="cursor:pointer;" class="right-home">홈</div>                         <div onclick="location.href='#';" style="cursor:pointer;" class="right-diary">다이어리</div>                         <div onclick="location.href='#';" style="cursor:pointer;" class="right-pic">사진첩</div>                         <div onclick="location.href='#';" style="cursor:pointer;" class="right-visit">방명록</div>                     </div>                           </div>             </div>         </div>     </div> </body> </html> font.css @font-face {     font-family: 'KyoboHand';     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/KyoboHand.woff') format('woff');     font-weight: normal;     font-style: normal;   }       @font-face {     font-family: 'KOTRA_BOLD-Bold';     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.1/KOTRA_BOLD-Bold.woff') format('woff');     font-weight: normal;     font-style: normal;   }       @font-face {     font-family: 'NeoDunggeunmo';     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.3/NeoDunggeunmo.woff') format('woff');     font-weight: normal;     font-style: normal;   }   .left-title {     font-size: 14px;     font-family: 'NeoDunggeunmo'; } .left-box p {     font-size: 18px;     font-family: 'Middleschool_student'; } .surfing {     font-size: 10px;     font-family: 'Noto Sans KR', sans-serif; } .middle-title {     font-size: 12px;     font-family: 'Noto Sans KR', sans-serif; } .middle-title-name {     font-weight: bold; } .news-title, .room-title {     font-family: 'KOTRA_BOLD-Bold';     color: #3e7fa4; } .news-box {     font-size: 12px;     font-family: 'Noto Sans KR', sans-serif; } .news-right span {     color: #223591; } .right-container div {     font-size: 12px;     font-family: 'NeoDunggeunmo';     color: white; } home.css .middle-box {     background: white;     border: 1px solid #cdcdcd;     border-radius: 10px;     width: 495px; height: 485px; } .news {     margin: 20px 17px 17px; } .news-box {     border-top: 1px solid #7f7f80;     display: flex; } .news-left {     flex: 1; } .news-left-1, .news-left-2, .news-left-3, .news-left-4 {     display: flex;     margin-top: 3px; } .icon-pic {     color: white;     background-color: #e5615b;     border-radius: 3px;     padding: 1px 2px;     margin-right: 5px; } .icon-notice {     color: white;     background-color: #6174b6;     border-radius: 3px;     padding: 1px 2px;     margin-right: 5px; } .room {     margin: 17px; } .room-box {     border-top: 1px solid #7f7f80; } .news-right {     flex: 1; } .news-right-1,.news-right-2 {     margin-top: 7px;     display: flex;     border-bottom: 1px dashed #7f7f80; } .news-right-1-diary, .news-right-1-pic, .news-right-2-board, .news-right-2-visit {     flex: 1; } layout.css .body {     background-color: #a4a3a3;     background-image: url(./images/pattern.png);     background-size: 10px;     position: fixed;     left: 0; right: 0; top: 0; bottom: 0; } .bookcover {     width: 865px; height: 595px;     background:#b9d5df;     border-radius: 5px;     margin: 170px auto;     position: relative; } .bookdot {     width: 835px; height: 565px;     border: 2px dashed white;     border-radius: 5px;     position: absolute;     top: 50%; left: 50%;     transform: translate(-50%, -50%); } .page {     width: 820px; height: 545px;     background: #efeeed;     border-radius: 5px;     box-sizing: border-box;     padding: 14px;     position: relative;     top: 50%; left: 50%;     transform: translate(-50%, -50%);     display: flex; } /*left*/ .left-container {     display: flex;     flex: 0.3;     flex-direction: column;     margin-right: 22px; } .num {     color: red; } .left-title {     text-align: center;     padding: 7px 0; } .left-box {     background: white;     border: 1px solid #cdcdcd;     border-radius: 10px;     width: 195px; height: 485px;     text-align: center; } .profile {     text-align: center;     margin: 20px; } .left-box img {     width: 144px; } .left-box p {     margin: 10px 4px 4px; } .line {     color: red; } .dropdown {     display: inline-block;     margin: 70px 20px 20px; } .surfing {     width: 130px; height: 30px;     border: 1px solid #c8d3da;     padding-left: 4px; } /*middle*/ .middle-container {     display: flex;     flex: 1;     flex-direction: column; } .middle-title {     display: flex;     padding: 5px 0px; } .middle-title-name {     font-weight: bold;     flex: 1; } .middle-title-url {     flex: 1; } .room-img {     text-align: center;     margin: 20px; } .room-img img {     width: 360px; } /* right*/ .right-container {     display: flex;     flex: 0.15;     flex-direction: column; } .right-menu {     position: relative;     top: 50px; } .right-menu div {     background: #3a81a3;     margin: 10px 0;     padding: 5px;     border: 1px solid #5c77b6;     border-radius: 0 5px 5px 0; } .right-menu div:hover {     background: #5c77b6; }
hyedal95
2022.02.15
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화 7일차
✅ 오늘의 문제 : 미니홈피 홈화면 레이아웃 만들기 결과물: html <!DOCTYPE html> <html lang="ko">   <head>     <meta charset="UTF-8" />     <title>2021 MINI HOMEPAGE</title>     <link rel="stylesheet" href="style.css" />     <style>       @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');     </style>   </head>   <body>     <div class="bookcover">       <div class="bookdot">         <div class="page">           <div class="colume1">             <div class="row1">TODAY <span>28</span> | TOTAL 950905</div>             <div class="row2 box">               <div class="image"><img src="profile.jpg" width=150px height=150px></div>               <div class="detail">안녕!!난 벌써 결석을 4번이나 한 해달이야 ㅠㅠ 이번에 수료할 수 있을까 ㅎㅎ</div>               <div class="name">해달</div>             </div>           </div>           <div class="colume2">             <div class="row3">               <div class="colume3">해달홈피</div>               <div class="colume4">https://url주소/나중에입력</div>             </div>             <div class="row4 box">               <div class="update">                 <div class="UpdateTitle">Updated news<hr class="line1"></div>                 <div class="contents">                   <div class="contents_left">                     <div class="content"><span class="photos">사진첩</span> 해달은 토끼꺼</div>                     <div class="content"><span class="board">게시판</span> 어렵다어려워</div>                     <div class="content"><span class="board">게시판</span> 오늘 7일차</div>                     <div class="content"><span class="photos">사진첩</span> 오늘 눈 내렸다</div>                   </div>                   <div class="contents_right">                     <div class="table1">                       <div class="table1_1">다이어리  <span class="num">0/25</span></div>                       <div class="table1_2">사진첩  <span class="num">2/25</span></div>                     </div>                     <hr class="line2">                     <div class="table2">                       <div class="table2_1">게시판  <span class="num">2/25</span></div>                       <div class="table2_2">방명록  <span class="num">0/25</span></div>                     </div>                     <hr class="line2">                   </div>                 </div>               </div>               <div class="miniroom">                 <div class="miniroomTitle">Miniroom<hr class="line1"></div>               </div>             </div>           </div>           <div class="colume5"></div>         </div>       </div>     </div>   </body> </html> css @font-face {   font-family: 'KyoboHand';   src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/KyoboHand.woff') format('woff');   font-weight: normal;   font-style: normal; } @font-face {   font-family: 'KOTRA_BOLD-Bold';   src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.1/KOTRA_BOLD-Bold.woff') format('woff');   font-weight: normal;   font-style: normal; } @font-face {   font-family: 'NeoDunggeunmo';   src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.3/NeoDunggeunmo.woff') format('woff');   font-weight: normal;   font-style: normal; } body {   background-color: #a3a3a3;   background-image: url("../static/images/pattern.png");   background-size: 100px;   position: fixed;   left: 0;   top: 0;   right: 0;   bottom: 0; } .bookcover {   background-color: #b4d1da;   border-radius: 9px;   border: 1px solid #738186;   width: 960px;   height: 660px;   margin: 100px auto;   position: relative; } .bookdot{   border-radius: 9px;   border: dashed white;   position: absolute;   width: 940px;   height: 640px;     top: 10px;   left: 10px; } .page{   background-color: rgb(236, 236, 236);   border-radius: 9px;   position: absolute;   width: 896px;   height: 596px;   top: 7px;   left: 7px;   display: flex;   padding: 15px; } .colume1{   flex: 0.2;   display: flex;   flex-direction: column; } .row1{   flex: 0.02;   padding-top: 8px;   text-align: center;   font-size: 15px;   font-family: 'NeoDunggeunmo'; } .row1 span:nth-child(1){   color: red; } .row2{   flex: 1;   display: flex;   flex-direction: column;   padding: 25px; } .image{   flex: 0.6; } .detail{   flex: 1;   font-family: 'KyoboHand';   font-size: 15px; } .name{   flex: 0.05;   font-family: 'KyoboHand';   font-size: 20px; } .colume2{   flex: 1;   display: flex;   flex-direction: column;   padding-left: 20px; } .row3{   flex: 0.02;   display: flex; } .colume3{   flex: 1;   font-size: 16px;   font-family: 'KyoboHand'; } .colume4{   flex: 1;   font-size: 13px;   text-align: right;   font-size: 12px;   font-family: 'Noto Sans KR', sans-serif; } .row4{   flex: 1;   display: flex;   flex-direction: column;   padding: 13px; } .update{   flex: 0.5;   display: flex;   flex-direction: column; } .UpdateTitle{   flex: 0.25;   font-family: 'KOTRA_BOLD-Bold';   padding-top: 7px;   color: rgb(41, 130, 189); } .line1{   margin-block-start: 0.2em;   margin-block-end: 0.2em; } .contents{   flex: 1;   display: flex;   flex-direction: row; } .contents_left{   flex: 1;   display: flex;   flex-direction: column; } .content{   font-family: 'Noto Sans KR', sans-serif;   font-size: 14px; } .photos{   display: inline-block;   background-color: rgb(255, 77, 53);   color: white;   padding: 0px 7px;   margin: 2px 0px;   border-radius: 3px; } .board{   display: inline-block;   background-color: rgb(81, 84, 255);   color: white;   padding: 0px 7px;   margin: 2px 0px;   border-radius: 3px; } .contents_right{   flex: 1;   font-family: 'Noto Sans KR', sans-serif;   font-size: 14px; } .table1{   display: flex;   flex-direction: row; } .table1_1{   flex: 1; } .table1_2{   flex: 1; } .table2{   display: flex;   flex-direction: row; } .table2_1{   flex: 1; } .table2_2{   flex: 1; } .num{   font-family: 'NeoDunggeunmo';   color: rgb(62, 62, 255); } .line2{   margin-block-start: 0.2em;   margin-block-end: 0.2em;   border-top: dashed 1px; } .miniroom{   flex: 1; } .miniroomTitle{   font-family: 'KOTRA_BOLD-Bold';   padding-top: 7px;   color: rgb(41, 130, 189); } .colume5{   flex: 0.12;   border: 1px solid rgb(85, 85, 85); } .box{   border: 1px solid rgb(151, 151, 151);   background-color: white;   border-radius: 9px; }
hyedal95
2022.02.12
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화 6일차 과제
✅ 오늘의 문제 : 미니홈피 홈화면 레이아웃 만들기 html <!DOCTYPE html> <html lang="ko">   <head>     <meta charset="UTF-8" />     <title>2021 MINI HOMEPAGE</title>     <link rel="stylesheet" href="style.css" />   </head>   <body>     <div class="bookcover">       <div class="bookdot">         <div class="page">           <div class="colume1">             <div class="row1">TODAY <span>28</span> | TOTAL 234918</div>             <div class="row2 box"></div>           </div>           <div class="colume2">             <div class="row3">               <div class="colume3">해달홈피</div>               <div class="colume4">https://url주소/나중에입력</div>             </div>             <div class="row4 box"></div>           </div>           <div class="colume5"></div>         </div>       </div>     </div>   </body> </html> css body {   background-color: #a3a3a3;   background-image: url("../static/pattern.png");   background-size: 100px;   position: fixed;   left: 0;   top: 0;   right: 0;   bottom: 0; } .bookcover {   background-color: #b4d1da;   border-radius: 9px;   border: 1px solid #738186;   width: 960px;   height: 660px;   margin: 100px auto;   position: relative; } .bookdot{   border-radius: 9px;   border: dashed white;   position: absolute;   width: 940px;   height: 640px;     top: 10px;   left: 10px; } .page{   background-color: rgb(236, 236, 236);   border-radius: 9px;   position: absolute;   width: 896px;   height: 596px;   top: 7px;   left: 7px;   display: flex;   padding: 15px; } .colume1{   flex: 0.35;   display: flex;   flex-direction: column; } .row1{   flex: 0.05;   text-align: center;   font-size: 13px; } .row1 span:nth-child(1){   color: red; } .row2{   flex: 1; } .colume2{   flex: 1;   display: flex;   flex-direction: column;   padding-left: 20px; } .row3{   flex: 0.05;   display: flex; } .colume3{   flex: 1;   font-size: 13px; } .colume4{   flex: 1;   font-size: 13px; } .row4{   flex: 1; } .colume5{   flex: 0.12;   border: 1px solid rgb(85, 85, 85); } .box{   border: 1px solid rgb(151, 151, 151);   background-color: white;   border-radius: 9px; }
hyedal95
2022.02.12
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화 5일차 과제
✅ 오늘의 문제 : 미니홈피 기본 레이아웃 만들기 HTML <!DOCTYPE html> <html lang="ko">   <head>     <meta charset="UTF-8" />     <title>2021 MINI HOMEPAGE</title>     <link rel="stylesheet" href="style.css" />   </head>   <body>     <div class="bookcover">       <div class="bookdot">         <div class="page"></div>       </div>     </div>   </body> </html> CSS body {   background-color: #a3a3a3;   /** body에 배경이미지 적용 */   background-image: url("./static/pattern.png");   /** 고정된 사이즈로 설정 */   background-size: 100px;   /** 기본 body 사이즈를 화면 크기로 고정 */   position: fixed;   left: 0;   top: 0;   right: 0;   bottom: 0; } .bookcover {   /** 배경 색깔 지정  */   background-color: #b4d1da;   width : 960px;   height : 660px;   top : 10%;   margin : auto auto;   position : relative;   border-radius: 10px; } .bookdot {   position: absolute;   width: 925px;   height: 630px;   top: 2%;   left: 1%;   border-style: dotted;   border-color: white;   border-radius: 10px; } .page {   background-color: white;   width: 900px;   height: 610px;   position: absolute;   top: 2%;   left: 1%;   border-radius: 15px; }
hyedal95
2022.02.12
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화 4일차
✅ 오늘의 문제 : HTML, CSS 개념 복습하기! 감을 잃었다... 코드를 빌려서 다시 하나하나 꾸며보았습니다. <!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title>해달홈페이지</title>         <link rel="stylesheet" href="4day.css"/>     </head> <body> <h1> 해달 홈페이지</h1> <div class="main">     <span class="best">포트폴리오</span>     <hr>     <div class="boxbox">         <img src="C:\Users\cell1\Desktop\HTML심화\화면 캡처 2022-02-07 223657.jpg" ><br>     </div>     <div class="boxbox">         <img src="C:\Users\cell1\Desktop\HTML심화\화면 캡처 2022-02-12 182212.jpg" ><br>     </div>     <div class="boxbox">         <img src="C:\Users\cell1\Desktop\HTML심화\화면 캡처 2022-02-12 182249.jpg" ><br>     </div>     </div> <div class="top">     <h1 class="title">해달홈페이지</h1>     <div class="menu">         <span class="item">일기장</span>         <span class="item"><a href="https://cafe.naver.com/codeuniv/60359">코뮤니티</a></span>         <span class="item"><a href="https://codemate.kr/@hyedal95">코드메이트 </a></span>         <span class="item">인스타그램</span>         <span class="item">티스토리</span>     </div>     <form class="search" action="https://search.naver.com/search.naver?where=nexearch&sm=top_hty&fbm=0&ie=utf8&" method="GET">         <input name="query" type="text">         <button type="button" class="btn btn-success">🔎</button>     </form> </div> </body> </html> h1 {color: aquamarine;     padding: auto;     margin: auto; } @font-face {     font-family: 'RixYeoljeongdo_Regular';     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/RixYeoljeongdo_Regular.woff') format('woff');     font-weight: normal;     font-style: normal; } @font-face {     font-family: 'IBMPlexSansKR-Regular';     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff') format('woff');     font-weight: normal;     font-style: normal; } @font-face {     font-family: 'HSSaemaul-Regular';     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/HSSaemaul-Regular.woff') format('woff');     font-weight: normal;     font-style: normal; } .top{     position: fixed;     width: 100%;     top: 0px;     background-color: white; } .title{     text-align: center;     font-family: 'RixYeoljeongdo_Regular';     font-size: 50px;     font-weight: lighter;     margin: 40px; } .join{     font-family: 'IBMPlexSansKR-Regular';     position: absolute;     top: 10px;     right: 20px; } .login{     font-family: 'IBMPlexSansKR-Regular';     position: absolute;     top: 10px;     right: 100px; } .menu{     background-color: rgb(197, 208, 255);     height: 50px;     line-height: 50px;     white-space: nowrap; } .search{     position: absolute;     top: 150px;     right: 10px; } .main{     position: relative;     top: 220px;     margin: 0px 50px; } .best{     font-family: 'HSSaemaul-Regular';     font-size: 30px; } .box{     margin: 20px;     padding: 10px 25px 10px 25px;     display: inline-block:center;     text-align: center;     font-family: 'IBMPlexSansKR-Regular'; } .boxbox  [     width=100%; height=100%; ]
hyedal95
2022.02.08
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화 3일차 과제
결과물 html코드 <!DOCTYPE html> <html lang="ko"> <head>     <meta charset="UTF-8">     <link rel="stylesheet" href="2day.css">     <title>2일차</title> </head> <body>     <h1>코뮤니티</h1>     <hr>     <div class="box1">         <h4>목차</h4>         <ol>             <li>개요</li>             <li>종류</li>         </ol>     </div>     <h2>1. 개요</h2>     <hr>     <p><a href="https://cafe.naver.com/codeuniv/60359">코뮤니티</a>란, 코딩을 좀 더 알기 쉽게 접하고 함께 풀어나가는 코딩의 신이 만든 카페 이름이다.     </p>     <p> 코뮤니티에서는 '모각코'라는 프로그램을 매달 진행하고 있는데, 최근 <a href ="https://codemate.kr/">코드메이트</a>라는 사이트도 만들어주셔서,</p>     <p> 함께 모여서 각자 코딩하며 포트폴리오를 자유롭게 올릴 수 있도록 만들어 놓은 사이트이다.</p>     <p> 모각코 프로그램에는 다양한 언어들을 배울 수 있는데 아래 종류에서 확인해볼 수 있다.</p>     <h2>2. 종류</h2>     <hr>     <div class="box2">         <ul>             <li>파이썬〈기초편〉</li>             <li>파이썬〈크롤링 편〉</li>             <li>파이썬〈챗봇만들기 편〉</li>             <li>파이썬문제은행〈초/중급〉</li>             <li>C언어〈기초편〉</li>             <li>C언어〈심화편〉</li>             <li>C언어문제은행〈초/중급〉</li>             <li>자바〈기초편〉</li>             <li>웹〈HTML/CSS 기초편〉〉</li>             <li>웹〈HTML/CSS 심화편〉</li>             <li>웹〈자바스크립트 편〉</li>             <li>웹〈리액트 편〉</li>             <li>앱〈코틀린 기초편〉</li>             <li>UI/UX〈피그마 편〉</li>         </ul>     </div>     </p>     </div> </body> </html> css코드 h2 {direction: ltr; color: rgb(226, 93, 93); margin: 0; border-bottom: 1px solid #a2a9b1; font-weight: normal; margin-bottom: 0.25em; padding: 0; line-height: 1.3; font-size: 1.8em; overflow: visible; font-family: sans-serif; } .box1 {     font-family: 'Gugi', cursive;     font-family: 'Single Day', cursive; } .box2 {     font-family: 'Single Day', cursive; }
jeonghu1010
2022.02.07
@jeonghu1010님이
웹 심화 2일차
포스트에 댓글을 남겼습니다.
jeonghu1010
2022.02.07
@jeonghu1010님이
웹 심화 2일차
포스트를 좋아합니다.
hyedal95
2022.02.07
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화 2일차
<!DOCTYPE html> <html lang="ko"> <head>     <meta charset="UTF-8">     <link rel="stylesheet" href="2day.css">     <title>2일차</title> </head> <body>     <h1>코뮤니티</h1>     <hr>     <div class="box1">         <h4>목차</h4>         <ol>             <li>개요</li>             <li>종류</li>         </ol>     </div>     <h2>1. 개요</h2>     <hr>     <p><a href="https://cafe.naver.com/codeuniv/60359">코뮤니티</a>란, 코딩을 좀 더 알기 쉽게 접하고 함께 풀어나가는 코딩의 신이 만든 카페 이름이다.     </p>     <p> 코뮤니티에서는 '모각코'라는 프로그램을 매달 진행하고 있는데, 최근 <a href ="https://codemate.kr/">코드메이트</a>라는 사이트도 만들어주셔서,</p>     <p> 함께 모여서 각자 코딩하며 포트폴리오를 자유롭게 올릴 수 있도록 만들어 놓은 사이트이다.</p>     <p> 모각코 프로그램에는 다양한 언어들을 배울 수 있는데 아래 종류에서 확인해볼 수 있다.</p>     <h2>2. 종류</h2>     <hr>     <div class="box2">         <ul>             <li>파이썬〈기초편〉</li>             <li>파이썬〈크롤링 편〉</li>             <li>파이썬〈챗봇만들기 편〉</li>             <li>파이썬문제은행〈초/중급〉</li>             <li>C언어〈기초편〉</li>             <li>C언어〈심화편〉</li>             <li>C언어문제은행〈초/중급〉</li>             <li>자바〈기초편〉</li>             <li>웹〈HTML/CSS 기초편〉〉</li>             <li>웹〈HTML/CSS 심화편〉</li>             <li>웹〈자바스크립트 편〉</li>             <li>웹〈리액트 편〉</li>             <li>앱〈코틀린 기초편〉</li>             <li>UI/UX〈피그마 편〉</li>         </ul>     </div>     </p>     </div> </body> </html>
hyedal95
2022.02.04
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화편 1DAY
✅ 오늘의 문제 : 나의 첫 HTML 파일 만들기 결과물 HTML코드 <!DOCTYPE html> <html>     <meta charset="UTF-8">     <title>웹 심화 1일차</title> <body> <h1>제목h1</h1> <h2>제목h2</h2> <h3>제목h3</h3> <h4>제목h4</h4> <h5>제목h5</h5> <h6>제목h6</h6> <p>단락</p> <p> 링크 바로가기 </p> <a href="https://www.w3schools.com"> 세계 최대의 웹 개발자 사이트 </a> <p> 'W3Schools.com' 의 로고 이미지입니다.</p> <img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142"> <p>이것은 버튼입니다^^</p> <button>버튼</button> <h2>2022년 목표 자격증 -ul단락 사용(기호)</h2> <ul>   <li>네트워크관리사2급</li>   <li>정보처리산업기사</li>   <li>웹디자인기능사</li>   <li>데이터준전문가자격증</li> </ul>   <h2>2022년 월별 모각코 계획- ol단락 사용(숫자)</h2> <ol>   <li>1월 웹<HTML/CSS 기초 편></li>   <li>2월 웹<HTML/CSS 심화 편></li>   <li>3월 웹<자바스크립트 편></li>   <li>4월 웹<리액트 편></li>   <li>5월 파이썬<기초편></li>   <li>6월 파이썬<크롤링 편></li>   <li>7월 파이썬<챗봇만들기 편></li>   <li>8월 파이썬문제은행<초/중급></li>   <li>9월 UI/UX<피그마 편> </li>   <li>10월 C언어<기초편></li>   <li>11월 C언어<심화편></li>   <li>12월 C언어문제은행<초/중급></li> </ol> </body> </html>