푸으름

✏️ 연습문제 1 최신 웹 디자인 트렌드 반응형 웹 디자인 - 다양한 화면 크기에 최적화하다 플랫 디자인 - 입체에서 평면으로 풀스크린 배경 - 콘텐츠에 집중 원 페이지 사이트 - 한 페이지에 모든 내용을 담다 패럴랙스 스크롤링 - 동적인 효과로 강한 인상을! 웹 폰트 - 웹 타이포그래피를 받쳐주는 기술 ✏️ 연습문제 2 웹 개발 기초 ✏️ 연습문제 3 2019 국민 독서실태 구분 성인 독서자 종이책 6.1권 11.8권 전자책 1.2권 7.1권 오디오북 0.2권 5.5권 ✏️ 연습문제 4 확인하세요 주문 및 배송 오후 2시 이전 주문건은 당일 발송합니다 2시 이후 주문건은 다음날 발송합니다(주말 제외) 교환 및 환불 불만족시 100% 환불해 드립니다 고객센터로 전화주세요 고객센터 0000-0000 상담시..

✏️ 폼에서 사용하는 태그종류설명폼의 시작과 끝폼 요소를 그룹으로 묶기필드셋에 제목을 붙임사용자가 내용을 입력할 필드를 삽입, 드롭다운 목록텍스트를 여러 줄 입력할 수 있는 텍스트 영역 삽입 데이터 목록을 삽입✏️ 태그의 유형종류설명text 한 줄짜리 텍스트를 입력password 비밀번호를 입력search주소를 입력url검색할 때 입력하는 필드email이메일을 입력tel전화번호 입력checkbox여러 항목을 체크할 수 있음radio한 개의 항목만 체크 가능number숫자를 조절할 수 있는 스핀 박스range숫자를 조절할 수 있는 슬라이드 막대date사용자 지역을 기준으로 년/월/일month사용자 지역을 기준으로 년/월week사용자 지역을 기준으로 년/주time사용자 지역을 기준으로 시/분/초/분할 초..

✏️ 여러 줄을 입력하는 태그메모// 너비 크기를 조정하는 cols 속성과 몇 줄을 표시할지 지정하는 rows 속성을 사용// 보통 한글 1글자는 영어 2글자에 해당하므로 cols="40"으로 지정하면 한 줄에 20글자 정도를 입력 가능 ✏️ 드롭다운 목록을 만들어주는 , 태그사용자가 내용을 입력하지 않고 여러 옵션 중에서 선택하게 하려면 드롭다운 목록이나 데이터 목록을 사용드롭다운 목록은 목록을 클릭했을 때 옵션이 요소 아래쪽으로 펼쳐저서 붙여진 이름 태그로 드롭다운의 시작과 끝을 표시하고 그 안에서 태그로 원하는 항목을 추가 태그에는 value 속성이 있어 서버로 넘겨주는 값을 지정 가능 내용1 내용2// 태그의 속성// size : 화면에 표시할 드롭다운 항목의 개수를 지정// multi..

✏️ 태그사용자가 입력한 정보(회원가입 시, 로그인 시 등등)를 받을 때 사용하는 태그다양한 속성을 가지고 있음 ✏️ 텍스트와 비밀번호를 나타내는 type="text",  type = "password" 속성텍스트 필드는 폼에서 가장 많이 사용하는 요소로, 주로 아이디나 이름 주소 등 한줄짜리 텍스트에 사용비밀번호 필드는 입력하는 내용을 화면에 보여 주지 않아야 하므로 ●나 *사용// text필드와 password필드에서 사용하는 주요 속성들// size : 텍스트와 비밀번호 필드의 길이를 지정, 즉 화면에 몇 글자만 보이게 할 것인지 지정하고 만약 입력할 수 있는 최대 사이즈가 10인데 size를 5로 지정하면 5글자만 화면에 보이고 나머지 5글자는 화면에 보이지 않음// value : 텍스트 필드 ..