쭈링이.log 쭈링이.log

여러 값 표현 태그 값을 표현하는 태그 중에선 여러 가지 방법이 있다. 태그 여려값 중 하나의 값을 선택하는 태그이다. 태그 안에는 값을 선택할 수 있는 태그가 있다. select 작성법 표시내용 표시내용 표시내용 // selected : 초기값 표시 select 속성으로는 size, multiple 이 있다. option 속성으로는 value, selected 가 있다. * selected가 없으면 첫번째 option의 값이 기본값으로 선택된다. select 태그 예시 select와 option태그 전화번호 : 010 011 016 019 없음 태그 option태그를 그룹으로 나누어 선택할 수 있도록 묶어주는 태그이다. optgroup 태그 작성법 표시 내용 표시 내용 표시 내용 표시 내용 optgro..

Input태그 의 양식 태그 input태그는 날짜, 시간, 이메일, 주소 등을 입력할 수 있는 양식 태그들이 있다. color 속성 색상을 선택할 수 있는 속성이다. color 속성 작성법 속성으로는 value가 있다. color 속성 예시 type = "color" 색상 선택 : *초기 설정 값이 없을경우 기본값은 검은색을 나타낸다. date / datetime-local / month / week 속성 년도, 월, 일, 주를 선택하는 속성이다. date / datetime-local / month / week 작성법 속성으로는 min, max, step, value가 있다. date / datetime-local / month / week 예시 날짜 관련 태그 date / month / week / ..

image 속성 이미지 형태의 제출 버튼(submit)을 생성한다. image 속성 작성법 image 속성 값으로는 src가 있다. image 속성 예시 type = "image" 이미지 형태의 제출버튼을 나타내는 태그 submit / reset 속성 submit : 서버의 폼 핸들러로 input에 입력한 값들을 제출(submit)하는 태그이다. reset : 폼 안에 모든 요소들의 값을 초기값으로 되돌리는 태그이다. submit / reset 속성 작성법 type = "submit / reset" submit : 서버의 폼 핸들러로 input에 입력한 값들을 제출(submit)하는 태그이다. reset : 폼 안에 모든 요소들의 값을 초기값으로 되돌리는 태그이다. submit / reset 속성으로는 ..

input이란 사용자로부터 data를 입력 받기 위한 태그이다. 속성으론 type, value, name, placeholder 등이 있다. 그 중 type 속성으로는 여러가지의 값을 가져서 다양한 input형태를 만들 수 있다. text 속성 한 줄 짜리 텍스트를 입력할 수 있는 텍스트 박스이다. text 속성 작성법 text 속성 예시 type = "text" 한 줄 짜리 텍스트를 입력할 수 있는 텍스트 박스 아이디 : password 속성 입력된 텍스트를 브라우저별로 지정된 문자로 가리개 하는 타입이다. password 속성 작성법 password 속성 예시 type = "password" 입력된 텍스트를 브라우저별로 지정된 문자로 가리개 하는 타입 비밀번호 : * 비밀번호를 가려서 나타난다. bu..

form이란 사용자가 입력한 data를 보내는 방식과 처리할 프로그램을 정하는 태그이다. form의 속성으론 method, target, action 등이 있다. , fieldset이란 요소를 그룹으로 묶는 태그이다. legend란 fieldset으로 묶인 그룹에 명칭을 부여하는 태그이다. 속성으론 name과 form이 있다. [ form 작성법 ] 명칭 … 이렇게 form 안에 fieldset과 legend를 포함한다. [ form 예시 ] 입력 1 : 입력 2 : 입력 3 : 그룹이름 입력 1 : 입력 2 : 입력 3 : 이렇게 작성할 수 있다.

하이퍼 링크 하이퍼 링크란 웹 문서가 다른 문서와 구분되는 가장 핵심적인 기술이다. 클릭을 통해 연결된 곳으로 이동하여 사용을 편리하게 해주는 기능으로 텍스트 또는 이미지 등을 클릭하여 지정된 링크로 이동하게해준다. 또한 페이지 내 이동도 가능하다. 그럼 하이퍼 링크 기능의 태그들을 알아보자. a란 페이지에서 해당 부분을 클릭하면 지정된 페이지로 이동하는 태그로 외부 사이트 연결, 문서 내부에서 이동이 가능하다. [ a 태그 작성법 ] 문자로 작성했을 경우 링크표시 문구 이미지로 작성했을 경우 a 태그의 속성으로 href, target 등 이 있다. 내부에서 이동하는 경우 링크 표시 문구 target을 이용하여 설정하는 경우 _blank : 새 창 에서 실행된다. _self : 현재 창 에서 실행된다. ..

img란 웹 페이지에 사진이나 그림을 삽입할 때 사용하는 태그이다. *닫는 태그가 없다. 속성으론 다음과같이 src, alt, width, height가 있다. [ 작성법] 웹 페이지에 사용 가능한 확장자는 GIF, JPG/JEPG, PNG 가 있다. width와 height를 변경하여 가변 크기 단위와 고정 크기 단위를 줄 수 있다. [ img 예시 ] 고정 크기 단위 예시 고정 크기 단위 : 화면(창)의 사이즈가 변하여도 지정된 요소의 크기가 고정되게 하는 단위(px) * 크기가 width 200px, height 150px로 고정 되있다. 가변 크기 단위 예시 가변 크기 단위 : 화면(창)의 사이즈 또는 기준이된 요소의 사이즈가 변하게 되면 해당 요소의 크기도 변하게 된다.(%, em, rm, re..

div란 이미 존재하는 내용의 다음줄에 영역이 설정하는 태그이다. block 형식의 공간을 수직분할하고, width, hight 속성 사용이 가능하다. [ div 예시 ] 첫 번째 영역 두 번째 영역 세 번째 영역 이렇게 수직분할로 다음줄에 영역이 설정된다. span이란 이전 태그와의 줄바꿈을 일으키지 않고 바로 옆에 영역을 설정하는 태그이다. inline형식으로 공간을 수평분할하고, width, height 속성 사용이 불가능하다. [ span 예시 ] 첫 번째 영역 두 번째 영역 세 번째 영역 수평분할로 바로 옆에 설정된다. iframe이란 웹 문서 안에 다른 웹 페이지를 추가하는 태그이다. 속성값으로는 다음과 같이 갖는다. [ iframe 예시 ] iframe 태그 웹 문서 안에 다른 웹 문서를 추..