selectbox - 여러 개의 리스트에서 여러 아이템을 선택할 때 사용 - 서버에 전송되는 데이터는 select 요소의 name 속성을 key값으로 option 요소의 value 속성을 값으로 하여 key=value 형태로 전송된다 - key : 중복x / value : 중복o select : select form 생성 option : option 생성 optgroup : 옵션의 그룹화 selectbox 옵션 - selected : 처음 화면 오픈 시 선택될 값 지정 - disabled : 해당 속성은 선택할 수 없음 - multiple : 여러 옵션을 선택할 수 있음 벤츠 BMW 아우디 포드 ctrl키를 누르고 선택 시 중복선택 가능 벤츠 BMW 아우디 포드 벤츠 BMW 아우디 포드 현대 기아 쌍용 ..
button 버튼태그 checkbox 사과 포도 복숭아 color date datetime datetime-local email file hidden hidden fiel d는 사용자에 표시되지 않는다. image month number password radio 남자 여자 range reset search submit tel text time url week
form : 사용자가 입력한 데이터를 수집하기 위해 사용 input, textarea, button, select, checkbox, radio, submit ※ action : form 태그 안에 입력한 데이터들이 전송될 URL 지정 ※ URL,URI - URL : 웹 페이지 주소(네트워크상에서 필요한 정보(리소스)들이 어디있는지 알려주기 위한 규칙(규약)) - URI : 특정한 정보(리소스)를 식별하는 통합 자원 식별자 웹 개발에서 사용하는 논리적, 물리적 리소스를 식별하는 고유한 문자열 ※ method : 입력한 데이터의 전달방식 지정 - GET : 전송하는 URL에 입력한 데이터를 *쿼리스트링*으로 보내는 방식 전송 URL 바로 뒤에 ?를 통해 데이터의 시작을 알려주고 key-value 형태의 데..
사진모음 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ css #header{ height: 150; } #nav{ height: 300px; display: inline-block; /* float: left; */ } #section{ height: 300px; display: inline-block; /* float: left; */ } #footer{ height: 305px; } ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 선생님이 알려주신 쉬운 정답 사진모음
no name email tel 1 박지성 parkjisung@naver.com 2 손흥민 hm7@naver.com 010-9876-5432 이강인 kanginlee@valensia.com 010-1234-5678 4 조현우 wall@naver.com 010-1111-2222
레이아웃 >> 특정한 공간에 여러가지의 구성요소를 보기좋게 효과적으로 배치하는 작업 >> HTML, CSS를 통해 여러 레이아웃 작성방법들을 제공 레이아웃을 만드는 방법 1. table을 통한 레이아웃 처리 2. div을 이용한 레이아웃 처리 3. 시맨틱 태그를 이용한 처리 sementic(의미) 태그 태그명 그 자체가 의미를 가지고 있는 태그 - 요소가 스스로 브라우저와 개발자 모두에게 자신이 왜 쓰였는지를 직관적으로 보여주는 요소 - 기존 div등의 요소로 레이아웃을 제작했을 때 영역 및 목적의 파악이 늦어지는 단점을 보완하기 위해 등장한 태그(요소) 1. header - 도입부에 대한 내용을 정의하는 태그(html 머리를 정의하는 태그) 2. nav - html 문서 사이를 탐색할 수 있는 링크들의..
html의 모든 요소들은 웹 브라우저에 어떤식으로 보이는가를 결정짓는 display라는 속성이 있다 기본적으로 block 혹은 inline 속성을 가지고 있다 block : 언제나 새로운 라인에서 시작하는 속성(영역 설정가능) >> h, ul, ol, p, div ★div : 다른 HTML 요소들을 하나로 묶어주는 대표적인 block 요소 레이아웃을 구성하거나 요소들의 공간을 분할하여 웹 페이지 스타일링에 자주 활용되는 요소 >> 여러 요소들의 스타일을 한번에 적용할 때 유용 inline : 요소의 너비가 해당 요소의 컨텐츠만큼만 차지하는 속성 >> img, a, span ★span : 텍스트(컨텐츠)의 특정부분을 묶는데 자주 사용되는 대표적인 인라인 요소 div 실습 division division d..