HTML & CSS

외부 파일 삽입 태그를 지원하지 않는 경우 -->오디오/비디오 삽입   - 속성      1) autoplay          : 오디오/비디오를 자동 재생함      2) controls          : 컨트롤 막대를 표시함 (재생/정지, 진행 바, 볼륨 등)      3) loop          : 오디오/비디오를 반복 재생함      4) muted           : 오디오/비디오를 재생하지만 소리는 음소거함      5) preload           : 재생 버튼을 눌러 재생하기 전에, 오디오/비디오 파일을 다운로드해서 준비함      6) poster = "경로/이미지명.확장자"        : 영상 재생 전 초기 화면(썸네일)을 지정함 여러 코덱의 파일을 함께 지정 ..

이미지 삽입  - 속성      1) alt = "대체 텍스트"          · 이미지를 표시할 수 없는 상황일 때 표시되는 대체 텍스트      2) width = "너비px"      3) height = "높이px"  이미지 설명글 삽입 설명글   - 태그가 태그의 위 or 아래에 입력된 것에 따라 이미지의 위 or 아래에 설명글이 표시됨

링크 태그 텍스트   - target 속성 : 페이지 표시 방법      1) target = "_self" (기본값)          : 링크가 있는 페이지에서 그대로 열림      2) target = "_blank"          : 새 탭/창에서 열림      3) target = "_top"          : 전체 화면으로 열림            (iframe 태그로 외부 문서를 불러올 경우 전체 화면으로 표시)  - title 속성       : 커서를 올렸을 때 제목이 표시되도록 함#  이동 기능이 없는 링크 텍스트   외부 문서를 현재 문서에 삽입하는 태그  앵커 (anchor) 텍스트/이미지 텍스트/이미지   - 한 페이지 안에서, 특정 위치로 한 번에 이동하도록 하는 링크를 ..

표 생성 태그 1행 1열 (제목 셀) 1행 2열 1행 3열 … 2행 1열 (제목 셀) 2행 2열 2행 3열 … #  셀 병합 태그 셀 내용 셀 내용  표 제목 태그  ① 위쪽에만 표시 가능한 표 제목 태그 : 표 제목 ...      - 코드의 위치와 관계 없이, 제목이 표의 위쪽 중앙에 표시됨   ② 위쪽/아래쪽 모두 표시 가능한 표 제목 태그 : , 태그 위치 1 --> 표 제목 태그 위치 2 -->  - 태그가 태그의 위 or 아래에 입력된 것에 따라 표의 위 or 아래에 제목이 표시됨  - 좌측 정렬로..

순서가 없는 목록  - 각 항목 앞에 글머리표(불릿)가 붙여짐 항목1 항목2 ...#  하위 글머리표를 만들고 싶은 경우 상위 글머리표1 하위 글머리표1 하위 글머리표2 ... 상위 글머리표2 ... 순서가 있는 목록  - 각 항목 앞에 순서에 따른 글머리표가 붙여짐 (default : 숫자) 항목1 항목2 ... 제목과 설명으로 이뤄진 목록  - 설명은 들여쓰기되어 표시됨 제목1 설명1 설명2 ...