쭈링이.log 쭈링이.log

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

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 태그 웹 문서 안에 다른 웹 문서를 추..

table이란 웹 문서에서 자료를 정리할 때 주로 사용하고 행과 열로 이루어져 있고 행과 열이 만나는 지점을 셀이라고 한다. table 안에 th td tr 를 사용 한다. 란 Table Header 의 약자로 테이블의 제목을 나타내는 태그이다. 중앙 정렬 및 굵게 표시가 된다. 란 Table Data의 약자로 한 개의 열을 만드는 태그이다. 란 Table Row의 약자로 한 개의 행(ROW)을 만드는 태그이다. 테이블의 구조는 이렇게 된다. 내용1 내용2 내용3 내용1 내용2 내용3 내용1 내용2 내용3 * table과 관련된 그 외의 또 다른 태그들이 있다. 이란 테이블의 제목이나 내용을 추가하는 태그이다. 다른 태그를 이용하여 텍스트를 꾸밀 수 있다. 기본 위치는 테이블 위 중앙에 배치된다. / 이..