728x90 반응형 태그7 [HTML] 폼 태그 폼 생성 태그 폼 요소 - 속성 1) method 속성 · method = "get" : 사용자가 입력한 내용을 그대로 노출한 채로 서버로 넘김 · method = "post" : 사용자가 입력한 내용이 드러나지 않은 채로 서버로 넘김 2) action 속성 : 태그 안의 내용들을 처리할 서버 상의 프로그램을 지정함 · URL 3) target = "_blank" : 스크립트 파일을 현재 창이 아닌 다른 위치로 열도록 지정함 4) name = "폼 이름" 폼 요소 그룹화 구역 제목 폼 요소 폼 요소 이름 부여 - 이름을 클릭했을 때 폼 요소가 자동으로 선택되도록 함 텍스트 텍스트 값을 입력받는 태그 태그의 속성 id = "아이디명" - 폼 요소를 구분하기 위한 용도 name = "key" - 폼 내용을 .. 2023. 2. 5. [HTML] 멀티미디어 태그 외부 파일 삽입 오디오/비디오 삽입 - 속성 1) autoplay : 오디오/비디오를 자동 재생함 2) controls : 컨트롤 막대를 표시함 (재생/정지, 진행 바, 볼륨 등) 3) loop : 오디오/비디오를 반복 재생함 4) muted : 오디오/비디오를 재생하지만 소리는 음소거함 5) preload : 재생 버튼을 눌러 재생하기 전에, 오디오/비디오 파일을 다운로드해서 준비함 6) poster = "경로/이미지명.확장자" : 영상 재생 전 초기 화면(썸네일)을 지정함 여러 코덱의 파일을 함께 지정 대체텍스트 대체텍스트 ... [] - 최신 브라우저와 이전 브라우저에서 모두 재생할 수 있도록 함 - 파일이 정상적으로 재생되면 대체 텍스트는 화면에 표시되지 않음 비디오에 외부 자막 파일 연결 - 속.. 2023. 2. 5. [HTML] 이미지 태그 이미지 삽입 - 속성 1) alt = "대체 텍스트" · 이미지를 표시할 수 없는 상황일 때 표시되는 대체 텍스트 2) width = "너비px" 3) height = "높이px" 이미지 설명글 삽입 설명글 - 태그가 태그의 위 or 아래에 입력된 것에 따라 이미지의 위 or 아래에 설명글이 표시됨 2023. 2. 5. [HTML] 링크 태그 링크 태그 텍스트 - target 속성 : 페이지 표시 방법 1) target = "_self" (기본값) : 링크가 있는 페이지에서 그대로 열림 2) target = "_blank" : 새 탭/창에서 열림 3) target = "_top" : 전체 화면으로 열림 (iframe 태그로 외부 문서를 불러올 경우 전체 화면으로 표시) - title 속성 : 커서를 올렸을 때 제목이 표시되도록 함 # 이동 기능이 없는 링크 텍스트 외부 문서를 현재 문서에 삽입하는 태그 앵커 (anchor) 텍스트/이미지 텍스트/이미지 - 한 페이지 안에서, 특정 위치로 한 번에 이동하도록 하는 링크를 만듦 - '출발 위치' 링크를 누르면 '도착 위치'로 이동하게 됨 이미지맵 - 한 이미지 상에 영역을 지정하여 여러 개의 다른.. 2023. 2. 5. [HTML] 표 태그 표 생성 태그 1행 1열 (제목 셀) 1행 2열 1행 3열 … 2행 1열 (제목 셀) 2행 2열 2행 3열 … # 셀 병합 태그 셀 내용 셀 내용 표 제목 태그 ① 위쪽에만 표시 가능한 표 제목 태그 : 표 제목 ... - 코드의 위치와 관계 없이, 제목이 표의 위쪽 중앙에 표시됨 ② 위쪽/아래쪽 모두 표시 가능한 표 제목 태그 : , 표 제목 - 태그가 태그의 위 or 아래에 입력된 것에 따라 표의 위 or 아래에 제목이 표시됨 - 좌측 정렬로 제목이 표시되며, 표가 자동으로 들여쓰기됨 표 구조 정의 태그 - 표의 구조를 제목(thead), 본문(tbody), 요약(tfoot) 부분으로 나눔 - 표의 이해를 돕기 위해 사용함 표 제목 ~ ~ ~ 셀별 스타일 지정 태그 셀 내용 - 스타일 속성 1) 너비.. 2023. 2. 5. 이전 1 2 다음 728x90 반응형
