웹
-
<1주차> CSS 기초 -2웹 2021. 7. 27. 20:45
부트스트랩은 이미 만들어진 CSS를 모아둔 것이다. https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 부트스트랩 홈페이지에서 사용하고 싶은 템플릿을 가져다 쓰면 된다. 다음 화면을 부트스트랩으로 구현해 보자. 나홀로 링크 메모장! 중요한 링크를 저장해두고, 나중에 볼 수 있는 공간입니다. 포스팅박스 열기 아티클 URL 간단 코멘트 기사저장 여기 기사 제목이 들어가죠 기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산... 여기 코멘트가 들어갑니다. 여기 기사 제목이 들어가죠 기사의 요약 내용이 ..
-
<1주차> CSS 기초 -1웹 2021. 7. 27. 20:32
CSS는 로그인 페이지 아이디, 비밀번호를 입력해주세요 ID: PW: 로그인하기 div안 div태그를 이용하여 레이아웃부터 만들자. class가 mytitle인 div태그안에 배경화면으로써 이미지를 삽입하려면 background-image: url(''); background-position: center; background-size: cover; 위 세가지의 코드를 기억하자! 여기서, margin은 바깥 여백을, padding은 내 안쪽 여백을 뜻한다. width와 height을 적용하려면 block화를 시켜야 한다. 만약 div태그에 width, height가 적용되지 않는다면 display : block;을 이용하자. .mybtn { width: 100px; margin: auto; display..
-
<1주차>HTML 기초웹 2021. 7. 27. 20:09
- 웹의 동작 개념(HTML을 받는 경우) 웹 브라우저는 1) 서버에게 요청을 보냄 : 서버가 만든 API라는 창구에 요청을 보내는 것! 2) 받은 HTML 파일을 사용자에게 띄움 - 하지만, 실제로는 html보다는 데이터만 받을 때가 훨씬 많음 데이터만 내려올 경우 이런 형태를 JSON형식이라고 함 본격적으로 HTML을 들여다보자. 간단하게, HTML은 뼈대, CSS는 꾸미기라고 할 수 있다. HTML은 크게 head와 body로 구성되고, head안에는 페이지의 속성정보(meta, script, link, title) body안에는 페이지의 내용을 담는다. 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 [스파르타코딩클럽] 웹개발 종합반 - 1주차 18 h1은..