본문 바로가기

scriptplay330

HTML - 요소((양식) form, input, label, button, textarea, fieldset, legend, progress) 웹 서버에 정보를 제출하기 위한 양식 범위를 정의한다. *이 다른 을 자식 요소로 포함할 수 없다. action : 전송한 정보를 처리할 웹페이지의 URL. autocomplete : 사용자가 이전에 입력한 값으로 자동 완성 기능을 사용할 것인지 구분. (on, off) method : 서버로 전송할 HTTP(Hypertext Transfer Protocol) 방식. (GET, POST) name : 고유한 양식의 이름. novalidate : 서버로 전송시 양식 데이터의 유효성을 검사하지 않도록 설정. target : 서버로 전송 후 응답받을 방식을 지정. (_self, _blank) 사용자에게 입력 받을 데이터 양식. autocomplete : 사용자가 이전에 입력한 값으로 자동 완성 기능을 사용할 .. 2021. 3. 30.
HTML - 요소((표 컨텐츠) table, tr, th, td, caption, col, colgroup, thead, tbody, tfoot) 행과 열로 이루어진 데이터 표를 생성한다. 표의 행(줄)을 생성한다. 표의 '머리글' 열(칸)을 생성한다. abbr: 열에 대한 간단한 설명. headers : 관련된 하나 이상의 다른 머리글 칸 "id" 속성 값. colspan : 확장(병합)하려는 열의 수. 기본값=1. rowspan : 확장(병합)하려는 행의 수. 기본값=1. scope : 자신이 누구의 '머리글 칸'인지 명시. *col: 자신의 열, colgroup: 모든 열, row: 자신의 행, rowgroup: 모든 행, auto 표의 '일반' 열(칸)을 생성한다. headers : 관련된 하나 이상의 다른 머리글 칸 "id" 속성 값. colspan : 확장(병합)하려는 열의 수. 기본값=1. rowspan : 확장(병합)하려는 행의 수... 2021. 3. 29.
HTML - 요소(iframe, canvas) name : 프레임의 이름. src : 포함할 문서의 경로. url width : 프레임의 가로 사이즈. height : 프레임의 세로 사이즈. allowfullscreen: 전체화면 모드 사용을 지정한다. (true, false) frameborder : 프레임 테두리를 사용한다. (px로 표시. 0~n) sandbox : 보안을 위한 읽기 전용으로 삽입한다. *(true, false) or allow-form: 양식 제출 가능, allow-scripts: 스크립트 실행 가능, allow-same-origin: 같은 도메인의 리소스 사용 가능. cs width : 캔버스의 가로 사이즈. height : 캔버스의 세로 사이즈. cs [doc] developer.mozilla.org/ko/docs/Web/.. 2021. 3. 25.
HTML - 요소(img, audio, video) src : (필수)이미지 경로의 기본 속성. srcset 을 사용할 수 없는 환경에서 동작한다. alt : (필수)이미지의 대체 텍스트. width : 이미지의 가로 사이즈. srcset 을 사용할 경우 사이즈가 고정된다. height : 이미지의 세로 사이즈. srcset : 사용할 이미지들의 경로와 해당 이미지의 원본 크기를 지정한다. *원본 크기는 x와 w 디스크립터를 필요에 맞게 사용하기(x=픽셀 비율, w=사이즈) sizes : 미디어조건(선택적)과 그에 따라 최적화되어 출력될 이미지 크기를 지정한다. *srcset과 sizes는 IE를 지원하지 않음. cs [출처] heropy.blog/2019/06/16/html-img-srcset-and-sizes/ autoplay : 준비되면 바로 재생한.. 2021. 3. 24.
HTML - 요소(Elements & Attributes) 총정리 [출처] heropy.blog/2019/05/26/html-elements/ 한눈에 보는 HTML 요소(Elements & Attributes) 총정리 인터넷에 검색 가능한 많은 HTML 문서들의 내용을 요소(Elements), 속성(Attributes)의 개념으로 핵심적인 내용들만 요약해서 정리했습니다. 각 요소들의 자세한 설명은 패스트캠퍼스 온라인 강의(online heropy.blog 2021. 3. 22.
HTML - 블록 레벨(block level) 요소와 인라인(inline) 요소 1. 블록 요소 - div, h1, p - 사용 가능한 최대 가로 너비를 사용한다. - 크기를 지정할 수 있다. - width: 100%; height: 0; 으로 시작한다. - 수직으로 쌓인다. - margin, padding 위/아래/좌/우 사용 가능하다. 2. 인라인 요소 - span, img - 필요한 만큼의 너비를 사용한다. - 크기를 지정할 수 없다. - width: 0; height: 0; 으로 시작한다. - 수평으로 쌓인다. - margin, padding 위/아래는 사용 불가능하다. - display: block; 를 사용해 블록 요소처럼 사용 가능하다. 2021. 3. 19.