지난 글에서는 기본적인 layout을 비슷하게 만들어 보는 것까지 진행하였다 이번 글에서는 내용을 모두 채워넣는 것을 목표로 하겠다 1. 내용 집어넣기(input text footer_top) 우선, 가장 윗줄부터 텍스트로 되어있는 글을 전부 집어넣을 예정이다 지금까지 진행된 코드 보기 main.html input about header input about content 회사소개 | Investor Relations | 인재채용 | 입점/제휴문의 | 공지사항 | 고객의 소리 | 이용약관 | 개인정보 처리방침 | 쿠팡페이 이용약관 | 쿠팡페이 개인정보처리방침 | 신뢰관리센터 | 제휴마케팅 | 광고안내 Global Site Coupang Taiwan style.css #header{ height: 20%;..

HTML, CSS를 그 누구보다 더 빠르고 정확하고 생동감 있고 실감 나게 체험을 해 보고 싶었던 나는 일단 유명한 브랜드의 웹 페이지를 직접 따라 만들면서 이게 이런 거구나 라는 감정을 느껴보고 싶었다 그래서 갑자기 선택해본 실습 예정 작품은 아래와 같다 이 실습을 진행하면서 하게 될 작업들은 다음과 같다 모양 최대한 근접하게 만들기 링크들은 미 구현할 예정 반응형으로 만들어버릴 예정 1. 구역 나누기(devide whole page) 우선, 웹페이지를 구현하기 위해 형식상이지만 구역을 나누려고 한다 tag를 통해 header, content, footer로 나누어 구현하겠다 눈으로 대략 재었을 때 약 30% 정도면 되겠다 싶어서 다음과 같이 나눴다 header 20% content 50% footer..

Ctrl+f를 통해 관련 내용으로 이동할 수 있습니다 더보기 body br p b i h# a img table span li form +들어가기 전에 기본적으로 css 태그는 다음과 같이 정의 내려진다 태그이름 { 속성1: 속성값1; 속성2: 속성값2; } 또한 해당되는 태그 전체에 적용된다 직접 적용해보기(h# tag) h1태그 h4태그 h 태그를 사용해서 style tag에 직접 적용해보았다 h# tag?? html tag 주로 글자의 크기를 결정하는 태그 h1부터 h6까지 있다 h# tag 전체 적용해보기 혹시 몰라서 h7, h8까지 넣어 보았다 h1태그 h2 h3 h4태그 h5 h6 h7 h8 style 안에 h1과 h4에 대한 css를 넣어두었기에 두 부분에 대한 결과만 css가 따로 적용된 ..