회원가입 폼에대한 코드를 가공해 보았다 웹페이지에는 회원가입이 거의 필수적이다보니 가져와서 저장해두면 언젠가는 반드시 쓸모가 있을 것이라 생각한다 아이디확인 비밀번호 비밀번호 재확인 이름 생년월일 성별 -- 선택 -- 남자 여자 이메일 휴대전화 다중 선택 선택1 선택2 선택3 선택4 파일 제출 폼

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

지난 글에서는 기본적인 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%;..

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가 따로 적용된 ..

인터넷을 돌아다니며 웹 개발에 대한 정보를 얻던 중, 어떤 사이트에 들어가 잠깐 맛을 보았던 사이트이다 분명 경험 한 시간은 얼마 되지 않았지만 각잡고 여기서 학습하면 상당히 도움이 될 것 같다고 느낀 사이트이다 바로 Mdn MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps. developer.mozilla.org 1. Theme 가장 처음 눈에 띄었던 것은 테마이다 개발자의 덕목 중 하나는 블랙테마라고 했던가 장시간 개발 / 학습 시에 발생하는 눈의 피로를 줄여주는 그런 테..