[TIL #4] HTML 기초의 디테일 - 2

Kayoung Kim·2021년 6월 6일
1

HTML

목록 보기
5/8
post-thumbnail

Media Files <audio>, <video>

  • 음성 파일은 <audio> 영상 파일은 <video> 태그로 입력한다.
  • 미디어 파일은 단일 포맷(소스 1개), 다양한 포맷(소스가 많음)에 다르게 마크업 한다.
*단일 포맷
<audio src ="경로"> </audio> 

*다양한 포맷
<audio>
	<source src="경로" type ="audio/wav">
</audio>
  • 포맷 type은 파일 별로 검색해서 맞는 형식을 넣어준다. (mdn 가자!)
  • 추가적으로 플레이 장치를 만들어주어야 작동한다.
<audio src="" controls> </audio> *컨트롤 버튼 생성
<audio src="" autoplay> </audio> *자동재생
<audio src="" loopaudioplay> </audio> *반복재생

ETC..

abbreviation (약자, 약어)

<abbr title="풀네임"> 단어 </abbr>

  • 마우스 커서를 갖다 대면 풀네임이 뜬다.

address(주소) <address> </address>

  • 물리적 주소, URL, email, 전화번호, SNS를 표기할 때 쓴다.

preformatted text, Code <pre>, <code>

  • html 안에 코드를 작성하면 작성한 그대로 구현해 준다.

0개의 댓글