태그 검색 결과

해당 글 19건

[HTML 입력 양식] input 요소의 속성

공부 참고 : http://tcpschool.com/html/html_input_inputAttr ▶ input 요소의 속성 ▣ input 요소의 속성 : 사용자가 입력하는 방식을 더욱 다양하게 제어. ▣ value 속성- input 요소의 입력 필드에 나타나는 초깃값 설정. ▣ readonly 속성- 사용자가 입력필드를 볼 수 있으나 수정이 불가함.- disabled 속성과 다른 점은 전송 버튼을 누르면 초기값이 서버로 전송됨. 학과 : ▣ disabled 속성- 입력 필드를 아예 사용할 수 없도록 설정.- 전송 버튼을 눌러도 초기값이 서버로 전송되지 않음. ▣ maxlength 속성- 입력 필드에 입력할 수 있는 문자의 최대 길이 설정. ▣ size 속성- 입력 필드에 보여지는 input 요소의 크기..
WEB/HTML 2017. 6. 29. 10:12

[HTML 입력 양식] form 요소

공부 참고 : http://tcpschool.com/html/html_input_forms ▶ form 요소 ▣ form 요소 - form 요소를 사용하여 사용자로부터 입력을 받음.- 사용자가 입력한 데이터를 서버에 보낼때도 사용.- 문법 : - action 속성은 데이터를 처리할 서버 상의 스크립트 파일의 주소 명시 (폼 핸들러) ▣ 다양한 타입의 input 요소- 대표적인 input 요소의 타입1. 텍스트 입력 (text)2. 비밀번호 (password)3. 라디오 버튼 (radio)4. 체크박스 (checkbox)5. 파일 선택 (file)6. 선택 입력 (select)7. 문장 입력 (textarea)8. 버튼 입력 (button)9. 전송 버튼 (submit)10. 필드셋(fieldset) ▣ ..
WEB/HTML 2017. 6. 29. 10:01

[HTML 공간 분할] iframe 요소

공부 참고 : http://tcpschool.com/html/html_space_framesIframes ▶ iframe 요소 ▣ iframe 요소- inline frame의 약자- 해당 웹 페이지 않에 제한 없이 또다른 하나의 웹 페이지 삽입 가능.- 문법 : - 크기를 명시할 수 있음. </pre>- 결과 화면 ▣ iframe 요소의 테두리 변경- 기본적으로 검정색 테두리를 가짐.- style속성을 통해 변경 가능. - 결과 화면 - iframe 테두리를 없애기 위해서는 border 속성값을 none으로 설정하면 됨. ▣ iframe 요소의 페이지 변경하기- 태그를 이용하면 iframe 요소의 최초 페이지를 중간에 바꿀 수 있음.- 태그의 target 속성과 i..
WEB/HTML 2017. 6. 23. 11:22

[HTML 공간 분할] 블록과 인라인

공부 참고 : http://tcpschool.com/html/html_space_blockInline ▶ 블록과 인라인 ▣ HTML 요소의 타입- HTML의 모든요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가짐.- display 속성값의 2가지1. 블록(block)2. 인라인(inline) ▣ 블록(block)타입의 요소- display 속성값이 블록인 요소는 언제나 새로운 라인에서 시작하며 해당 라인의 모든 너비를 차지.- 대표요소 : , , , , , p요소는 display 속성값이 블록인 요소입니다. - 결과 화면 p요소는 display 속성값이 블록인 요소입니다. ▣ 요소- 요소는 다른 HTML 요소들을 하나로 묶는데 자주 사용됨.- 주로 여러 요소들의 스타일..
WEB/HTML 2017. 6. 23. 10:56

[HTML 기본 요소] 테이블

공부 참고 : http://tcpschool.com/html/html_basic_tables ▶ 테이블 ▣ 테이블- 테이블이란 데이터를 보기 좋게 정리하여 보여주는 표를 의미. - 태그 구성☞ 태그는 테이블에서 열을 구분해 줌. ☞ 태그는 각 열의 제목을 나타냄.☞ 태그는 테이블의 열을 각각의 셀(cell)로 나누어줌. 참치 고래 상어 문어 오징어 고등어 - 결과 화면 참치 고래 상어 문어 오징어 고등어 - CSS의 border 속성을 이용하여 테이블에 테두리를 표현가능- 명시하지 않으면 테이블은 빈 테두리를 가짐.- 예제 table, th, td { border: 1px solid black }- 위의 예제는 테두리가 2줄씩 나타남.☞ 그 이유는 태그와 , 태그가 모두 자신만의 테두리를 가져서임.- 한..
WEB/HTML 2017. 6. 22. 11:02

[HTML 기본 요소] 이미지

공부 참고 : http://tcpschool.com/html/html_basic_images ▶ 이미지 ▣ 이미지- 웹 페이지에서 주로 사용되는 이미지의 종류1. JPEG 이미지2. GIF 이미지3. PNG 이미지 ▣ 이미지 삽입- 태그를 사용하여 삽입.- 태그는 빈 태그- 문법 : ☞ src 속성 : 이미지 url 주소☞ 이미지 로딩 실패 시 나타날 문자열 - 결과 화면 ▣ 이미지 크기- 이미지 크기 설정 방식1. style 속성 이용2. width, height 속성이용 (픽셀단위)- 예제 ... ▣ 이미지 테두리 설정- border 속성을 사용하여 테두리 사용여부와 굵기를 설정 가능.- 예제 ▣ 이미지 링크 설정- 태그를 이용하여 링크 설정 가능- 예제
WEB/HTML 2017. 6. 22. 10:50

[HTML 기본 요소] 링크

공부 참고 : http://tcpschool.com/html/html_basic_links ▶ 링크 ▣ HTML 링크(link) - 웹 페이지에서 다른 페이지나 사이트로 연결되는 수많은 하이퍼링크가 존재.- 이러한 하이퍼 링크를 간단히 링크(link)로 부름.- HTML에서는 태그로 표현. (태그는 텍스트나, 단락, 이미지 등 다양한 HTML 요소에 사용가능)- 문법 : html 링크 링크 클릭하세여~ - 결과 화면 링크 클릭하세여~ ▣ target 속성- 태그의 target 속성은 링크로 연결된 문서를 어디에서 열지 명시. target 속성값 설명 _blank 링크로 연결된 문서를 새 창이나 새탭에서 연다 _self 링크로 연결된 문서를 현재 프레임에서 연다(기본 설정) _parent 링크로 연결된 문..
WEB/HTML 2017. 6. 22. 10:37

[HTML 기본 요소] 배경

공부 참고 : http://tcpschool.com/html/html_basic_backgrounds ▶ 배경 ▣ 배경 - 배경은 2가지 방법으로 변경가능1. 배경을 다른 색으로 변경2. 배경을 다른 이미지로 변경 ▣ 배경을 다른 색으로 변경- HTML5 이전에는 bgcolor 속성을 이용- HTML5 부터는 CSS를 이용.123 ▣ 배경을 다른 이미지로 변경- background 속성을 이용하여 배경을 이미지로 설정가능.- 문법 : - 예제 배경으로 이미지 삽입하기- 배경으로 이미지 사용 시, 웹 페이지의 로딩시간이 증가함.- 그래서 보통 작은 사이즈의 이미지를 패턴으로 만들어 배경이미지로 반복 설정함.
WEB/HTML 2017. 6. 22. 10:11