🍅HTML 마크다운🍅 🐳

Media Tag

audio Tag

<audio src="" controls></audio>

<audio controls>
	<source src="" type="audio/wav"/>
    <source src="" type="audio/mpeg"/>
    <source src="" type="audio/ogg"/>
</audio>

Example

오디오 태그를 사용시 controls를 사용해주어야한다.
audio control
안에 sourec src를 사용하는 이유는 브라우저에서 지원하지 않는 경우 오디오가 작동을 하지않을수있기때문에 다양한 파일 타입을 활용하여 보여준다.
autoplay 사용시 자동재생이 된다.

audio type검색

video Tag

<video src="" controls></video>

<video controls>
	<source src=".mov" type="video/mp4"/>
    <source src=".mp4" type="video/mp4"/>
</video>
<iframe></ifram>

오디오랑 사용법이 같다.
loop를 사용하면 영상을 무한반복을 사용할수있다.
iframe코드를 사용하여 영상을 가져올수있다.

abbr Tag

<abbr title="의미">단어</abbr> 

단어의 뜻을 의미를 알려줄수있다.
예시
The WHO was founded in 1948.

address Tag

<address>
  <h1>hoya velog</h1>
  <a href="https://velog.io/@hoya03">https://velog.io/@hoya03</a>
</adress>

사용 가능한 연락망 예시
1) (물리적인) 주소
2) URL
3) email 주소
4) 전화번호
5) SNS

예시 !

hoya velog

https://velog.io/@hoya03

pre Tag

pre 태그드는 preformatted text의 약자다 . 미리 포멧이 정해져있다는 뜻이다.

<p>
	ㅇ ㅏ ㄴ ㅕ ㅎ ㅏ ㅅ ㅔ ㅇ
      ㄴ   ㅇ              ㅛ
</p>
<pre>
	ㅇ ㅏ ㄴ ㅕ ㅎ ㅏ ㅅ ㅔ ㅇ
      ㄴ   ㅇ              ㅛ
</pre>

ㅇ ㅏ ㄴ ㅕ ㅎ ㅏ ㅅ ㅔ ㅇ ㄴ ㅇ ㅛ

	ㅇ ㅏ ㄴ ㅕ ㅎ ㅏ ㅅ ㅔ ㅇ
         ㄴ   ㅇ              ㅛ

pre태그는 내가 적은대로 작성이된다. 위의 내용은 p태그와pre태그의 차이점을 잘알수있는 예시이다.
보통 code를 작성할때 pre태그를 사용한다 하지만 꼭 같이 사용할 필요는 없다!