이미지 삽입 태그
<img src=" " alt(대체 텍스트)=" ">
오디오 삽입 태그
<audio src=" " controls>(재생 막대 표현)</audio>: 이미지와는 다르게 대체 텍스트를 사용하지 않고 재생 막대를 사용
비디오 삽입 태그
<video src=" " controls width="450">(크기 조절)</video>
muted 태그 사용하면 자동재생 가능
하이퍼링크 삽입 태그
<a href=" ">
새 탭으로 생성
target="_blank">텍스트
입력 양식
<form> 태그
<form action=" "> : 태그 안의 내용을 처리해 줄 서버 프로그램 지정
- 폼에서 사용하는 여러가지 태그
textarea: 여러 줄을 입력하는 텍스트 영역 태그 (cols=" " rows=" " 영역 지정)
<select>내 <option value="서버로 넘겨질 값"> : 드롭다운 목록을 만들어주는 태그
처음에 선택될 속성값(기본값) 에 selected 넣기
<input> 태그
<label> 태그 : 폼 요소와 레이블 텍스트가 서로 연결되었다는것을 의미
type= "checkbox" 여러개 중에 체크로 선택 가능
type= "radio" 둘 중, 또는 여러개 중에 하나만 선택 가능 (name=" " 값을 공통으로 넣어주어야함)
둘 다 뒤에 value 사용 , 서버에게 알려 줄 때 넘겨줄 값 지정 (필수 속성 영문, 숫자 가능)
숫자 입력 필드를 나타내는 태그
(모든 브라우저에서 지원되지 않으니 확인 후 사용하기)
type="number": 화살표를 사용해서 숫자를 나타낼 수 있음
type="range": 슬라이드 막대를 사용해서 나타낼 수 있음 (사용시 자바스크립트를 이용해서 값을 나타낼수 있도록 해야함)
속성: min 최소값, max 최대값, value 화면에 나타나는 초기값
날짜, 시간 지정, 범위 제한 가능
type="date" etc
type="time" etc
속성: min 최소값, max 최대값 사용하여 범위 제한
히든 필드
type="hidden": 사용자에겐 보이지 않고 관리자가 알아야 하는 정보 (서버로 전송)
input 태그의 주요 속성
required: 필수 입력 필드 속성
readonly: 읽기 전용 필드 속성
autofocus: 자동으로 입력 커서를 갖다 놓는 속성
placeholder: 힌트를 표시해 주는 속성
