HTML(27)
-
아이프레임(iframe, Inline Frames), <iframe> 요소 형식, <iframe> 요소 속성
요소 · 아이프레임(iframe, Inline Frames), 내부 프레임(inline frame)이라는 의미입니다. · 원래는 ie에서만 작동했지만, html 4.01부터 iframe을 포함하여, 현재 모든 브라우저에서 태그를 지원합니다. · 태그는 인라인 레벨의 요소입니다. · 현재의 HTML문서 안에서 다른 HTML문서를 보여주고자 할 때 많이 사용합니다. · iframe 요소는 html 웹 문서 안에 또 다른 웹 문서를 넣을 수도 있고, 동영상도 넣을 수 있습니다. · 프레임(frame)과 비교해볼 때 아이프레임은 태그가 필요 없으며, 독립적으로 사용가능한 태그 입니다. · 마치 태그를 사용하는 것 처럼 문서내의 원하는 곳에 삽입만 하면 사용할 수 있습니다. 사용방법도 태그과 유사합니다 요소 형식..
-
HTML5 UP - 무료 템플릿 사이트
HTML5 UP - 무료 템플릿 사이트 · 여러가지 다양한 테마의 템플릿을 무료로 다운로드 가능합니다. · Live Demo를 클릭하면 웹사이트의 디자인을 바로 파악가능합니다. · 소스를 다운받은 후 수정해 볼 수 있습니다. https://html5up.net/ 직접 다운로드
-
드래그 앤 드롭 - draggable 속성, 기본 동작
draggable 속성 · img요소와 href 속성이 마크업된 요소는 원래 드래그할 수 있는 요소로 규정되어 있습니다. · img요소와 href속성이 마크업된 요소들외에 모든 요소를 HTML5에서는 draggable 속성을 true로 지정함으로써 드래그할 수 있도록 규정하고 있습니다. · HTML5에 새롭게 추가된 draggable속성은 true, false, 값 없음 값을 가질 수 있습니다. draggable 속성 지정 · draggable은 드래그 대상이 웹 애플리케이션 안의 요소라면 그 요소에 draggable속성을 지정합니다. · draggable 속성이 true 이면 drag 할 수 있는 것이고, false 면 drag를 하지 못합니다. · 값을 지정하지 않았을 때는 기본 동작을 그대로 사용한..
-
체크박스(Check Box), 기본값 지정하기
체크박스(Check Box) 여러 개를 선택할 수 있는 폼 태그입니다. 구분 설명 셀렉트박스(select) 라디오 버튼(radio button) 하나만 선택 체크박스(Check Box) 여러개 선택 기본값 지정하기 · 특정항목을 선택된 채로 출력할려면 checked 속성을 사용합니다. · 체크박스의 name 속성을 모두 "chk_info"라고 지정한 경우 C와 CSS항목을 선택했다면 name으로 지정한 chk_info 필드의 값은 "C, CSS" 가 들어가게 됩니다. 체크박스는 type이 모두 "checkbox"로 설정되며 name을 동일하게 해줍니다. 그리고 해당 항목 선택시 서버에 전달될 값은 value에 설정하게 됩니다. 독서 요리 게임 수영 취침
-
라디오버튼(Radio Button), 기본값 지정하기,
라디오버튼(Radio Button) 나열된 여러 개의 항목중 하나만 선택할 수 있는 폼 태그입니다. 기본값 지정하기 특정항목을 선택된 채로 출력할려면 checked 속성을 사용합니다. 라디오버튼은 type이 모두 "radio"로 설정되며 name을 동일하게 해줍니다. 그리고 해당 항목 선택시 서버에 전달될 값은 value에 설정하게 됩니다. 국어 영어 수학 디자인
-
셀렉트박스(select), <option> 태그, 기본값 지정하기, 카테고리 지정하기
셀렉트박스(select) · 콤보박스(Combo box) 또는 Pull-Down Menus라고도 표현합니다. · 리스트형태의 데이터를 사용하며 이 리스트중 한 항목을 선택할 때 사용합니다. · 태그와 태그로 구성됩니다. http ftp smtp pop ssh 태그 태그에서는 선택된 항목의 value값이 서버로 전송되어지는 값이 됩니다. 기본값 지정하기 기본값으로 특정 항목이 선택되게 하려면 selected 속성을 해당 항목에 추가하면 됩니다. 카테고리 지정하기 · 태그를 사용하여 옵션에 카테고리를 만들 수 있으며 대부분의 웹 브라우저에서 지원합니다. · HTML 4 버전에서 새로 만들어진 태그입니다.