푸으름

✏️ CSS란?cascading style sheets의 줄임말로 웹 문서의 디자인을 구성웹의 기본적인 개념은 HTML로 웹 사이트의 내용을 나열하고 CSS로 웹 문서의 디자인을 구성하고자 함 ✏️ 이모저모기존 HTML문서는 PC의 웹 브라우저 화면이 기본으로 되어 있어서 인쇄하려면 용지에 맞게 따로 작성했어야 했고 모바일용 홈페이지가 필요한 경우에도 스마트폰 브라우저에 적합하게 문서를 만들어야 했음.하지만 CSS를 이용하면 HTML로 작성한 내용은 그대로 두고 대상 기기에 맞게 CSS만 바꿔줄 수 있음이런 것들이 반응형 웹 디자인의 일부라고 할 수 있음

✏️ 폼에서 사용하는 태그종류설명폼의 시작과 끝폼 요소를 그룹으로 묶기필드셋에 제목을 붙임사용자가 내용을 입력할 필드를 삽입, 드롭다운 목록텍스트를 여러 줄 입력할 수 있는 텍스트 영역 삽입 데이터 목록을 삽입✏️ 태그의 유형종류설명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 : 텍스트 필드 ..