상세 컨텐츠

본문 제목

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

CLASS_HTML&CSS

by awesong 2024. 7. 2. 17:53

본문

728x90

# 멀티미디어 사용하기

  • <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 필수 입력 창 표시

 

 

관련글 더보기