오봉이와 함께하는 개발 블로그

FrontEnd_day1 정리 (2021.12.02 목요일) 공간 분할 태그 block 형식으로 공간 분할 inline 형식으로 공간 분할 div1 div2 div3 div4 span1 span2 span3 span4

FrontEnd_day1 정리 (2021.12.02 목요일) 입력 양식 태그 입력 양식(form)을 만들 때 사용하는 태그 모든 입력 태그에서 name 속성 : 서버에 전달될 때 서버에서 인식하는 이름 id 속성 : 자바스크립트, jQuery에서 객체로 선택해 올 때 인식하는 이름 입력 양식을 구성하는 기본 골격 제공 다양한 입력 양식 태그 포함 폼 요소에 캡션(라벨) 붙이기 데이터를 입력 받기 위한 태그 속성 name : 입력상자의 이름(속성값 : 문자열) type : 입력 유형(속성값 : text, password, checkbox, radio) size : 입력 상자의 크기(속성값 : 숫자) value : 초기값/태그가 지닌 값(속성값 : 문자열) maxlength : 최대 길이(속성값 : 숫자) ..

FrontEnd_day1 정리 (2021.12.02 목요일) 미디어 태그 오디오 태그 오디오 파일 재생 속성 src : 경로 preload : 재생 전 모두 다운로드 autoplay : 자동 재생 loop : 반복 재생 controls : 재생 도구 출력 미디어 파일 지정 여러 미디어 파일을 한꺼번에 지정 브라우저에 따라 지원하는 오디오나 비디오 코덱이 다르기 때문에 한 가지 파일만 사용했을 경우 일부 브라우저에서 지원하지 않는 경우 발생 여러 유형의 미디어 파일 지정해야 함 오디오 태그 예제 audio.html 비디오 태그 mp4, ogv, webm 파일 형식 속성 src : 경로 preload : 재생 전 모두 다운로드 autoplay : 자동 재생 loop : 반복 재생 controls : 재생 도..

FrontEnd_day1 정리 (2021.12.02 목요일) 문서 삽입 태그 : 태그 태그 현재의 html 문서 내에 다른 문서 포함 태그를 만들어서 영역을 만들어 놓고 의 에서 target="iframe이름" 지정 의 위치 설정 중요 (css로 크기, 위치 등 속성 설정) 문서 삽입 태그 예제 iframe.html

FrontEnd_day1 정리 (2021.12.02 목요일) 이미지 태그 태그 인라인 태그로 이미지 바로 옆에 다른 요소가 나란히 배치 여러 개의 태그를 사용하면 계속해서 오른쪽에 표시 속성 src : 이미지 경로(필수) align : 정렬 방식 alt : 이미지 출력 안될 때 대체 텍스트 title : 마우스 위치에 출력되는 툴 팁 설명 width : 가로 길이 height : 세로 길이 border : 테두리 hspace : 좌/우 여백 vsapce : 상/하 여백 경로 HTML 파일과 같은 폴더에 있는 경우 이미지 파일명만 적으면 됨 하위 폴더에 있는 경우 폴더명/이미지 파일명 상위 폴더에 있는 경우 ../폴더명/이미지 파일명 이미지 + 테이블 연습 문제 img.html 작품명모나리자 화가레오나르도..