HTML기본태그

P - 단락태그

hr - 수평선을 긋는 태그

blockquote- 인용문을 넣는 태그

blockquote = “인용주소” http~등

pre  글자, 글꼴 , 줄 바꿈을 그대로 적용

<a href = “이동할 웹페이지 주소”>

li 태그

<li value - “number”>

ul , ol 함께 사용

ul 둘다 li 와 같이 사용하고 앞에 단락의 점 모양

ol , 순서가 있는 목록표현할때 사용 숫자, 또는 알파벳순으로 표시가능

dl 정의 목록을 만드는데 사용

dt,dd 와 함께 사용

dt - 용어의 제목을 나타내주고 줄바꿈 기능이있다.

dd - 용어에 대한 설명을 나타낸다.

- HTML5 미디어 태그

img 태그는 src , alt 의 두가지 속성으로 이루어짐.

<img src = “imgFile.jpg” alt = “image is not exist.” />

Src : 이미지의 경로를 지정

alt : 이미지가 없을 때 나오는 글자 지정

이미지가 넓이와 높이 를 지정할 수 있다.

넓이 > width = “100”

높이 > heigh = “50”

이미지가 없을때는 더미 이미지를 제공해주는 주소

<img src=“[http://piacehold.it/300x200](http://piacehold.it/300x200)”>

audio 태그

음악 또는 오디오 스트림과 같은 사운드를 정의

Mp3, WAV, OGG 3가지 형식의 파일 지원

autoplay: 음악을 자동으로 재생할지 지정
controls : 음악 재생 도구를 출력할지 지정
loop : 음악을 반복할지 지정
muted : 음소거
preload : 음악을 재생하기 전에 모두 불러올지 지정
src : 음악 파일의 경로 지정

  선언
  <audio src = "audioFile.mp3" controls = "controls"></audio>

  <audio controls>
    <source src = "audioFlie.mp3" type="audio/mpeg">
  </audio>

video 태그

무비클립이나 비디오 스트림 같은 비디오지정.

타입은 MP4, WebM 및 Ogg 같이 3형식을 지원.

Autoplay: 자동재생
controls : 컨트롤러
Width, height : 너비, 높이 지정
Loop : 다시 재반복
Muted : 음소거
Poster : 비디오 준비중일때 이미지 불러오기
preload : 재생하기 전에 모두 불러올지 지정, 미리 준비 사이트접속하자마자
src : 비디오 경로 지정

  선언
  <vidio src = "vidioFile.mp4" controls = "controls"></vidio>

  <vidio controls>
    <source src = "vidioFlie.mp4" type="vidio/mp4">
  </vidio>