7월 2일_HTML(멀티미디어, 폼)

# 멀티미디어 사용하기

• <img> 웹문서에 이미지를 삽입할 때 사용 
• <ima scr> 웹 문서 파일의 위치를 기준으로 이미지 경로지정
• <img alt> 이미지를 설명하는 대체 텍스트 /  이미지를 표시 할 수 없는 상황일 때 대체 텍스트 표시
• <img> width, height 이미지 크기 조정 1개만 지정해도 자동으로 비율 계산
• <object> 음악, 동영상, 자바 애플릿, pdf 파일등 다양한 개체 삽입
• <embed> object, audio, video 태그를 지원하는 브라우저에서 멀티미디어 삽입할 때 사용
• <audio> <video> / autoplay loop = 플레이어 표시 없이 재생
• <a href> 하아퍼 링크 삽입 /  target="_blank" 새창에서 열기

# 폼 삽입하기

• <form> 폼을 만드는 기본 태그
• <fieldset> 폼 요소를 그룹으로 묶는 태그
• <legend> 그룹으로 묶는 구역에 제목을 붙이는 태그
• <label>   input 태그와 같은 폼 요소에 레이블(제목)을 붙일 때
• &nbsp; 스페이스바 기준으로 공백을 확보
• &emsp; 알파벳 M을 기준으로 공백을 확보
• type = "check" 여러 항목 중 여러개 선택
• type = "radio" 여러 항목 중 하나만 선택
• type = "date" : "month" : "week"
• type = "hidden" 화면상의 폼은 보이지 않으나 폼을 서버로 전송할 때 사용되는 요소
• autofocus 원하는 창에 커서가 자동으로 띄움
• placeholder 입력란에 힌트 표시하기
• readonly 내용을 보기만 하고 입력하지 못하게 함(마우스 커서는 선택됨)
• readonly onfocus="this.blur()"  마우스 커서도 선택하지 못함
• required 필수 입력 창 표시