[html5] 강좌 html5 태그

[html5] 강좌 html5 태그

 

* 태그

ul	순서가 없는 목록
ol	순서가 있는 목록
li	목록 요소
dl	정의 목록
dt	정의 용어
dd	정의 설명
tr	테이블 표 내부의 행
th	테이블 행 내부의 제목 셀
td	테이블 행 내부의 일반 셀
border	표의 테두리 두께를 지정
rowspan	셀의 너비 지정
colspan	셀의 높이 지정
caption
colgroup
thead
tbody
img	* 속성  src  alt  width  height
audio	* 속성  src : 음악 파일 경로  preload : 음악 재새하기 전에 모두 불러올지 지정  autoplay : 음악 자동 생성할지 지정  loop : 음악 반복할지 지정  controls : 음악 재생 도구를 출력할지 지정    브라우저 동시 지원하기 위한 방법  <audio controls="controls">      <source src="m.mp3" type="audio/mp3" />      <source src="m.ogg" type="audio/ogg" />  </audio>    mp3의 경우 라이센스 때문에 문제가 발생할 수 있음
video	* 속성  src  poster : 비디오 준비 중일 때의 이미지 파일 경로  preload  autoplay  loop  controls  width  height    브라우저 동시 지원하기 위한 방법  <video controls="controls">      <source src="m.mp4" type="video/mp4" />      <source src="m.webm" type="video/webm" />  </video>      * ie8 이하에서도 지원하기 위한 방법  video.js 플러그인 사용 (http://videojs.com)
track	video 태그에 자막을 표시 할 때 사용하는 태그  track 태그 사용하려면 video.js 플러그인을 사용해야 한다.    <video controls="controls">      <source src="m.mp4" type="video/mp4" />      <source src="m.webm" type="video/webm" />            <track kind="subtitles" src="t.srt" srclang="ko" label="Korean" />      <track kind="subtitles" src="t.srt" srclang="en" label="English" />      <track kind="subtitles" src="t.srt" srclang="jp" label="Japanese" />      <track kind="subtitles" src="t.srt" srclang="ch" label="Chinese" />  </video>
form
input	* 속성  color  date  datetime  datetime-local  email  month  number  range  search  tel  time  url  week
textarea
select	* 속성  multiple
fieldset
legend
div	공간 분할 태그 : block 형식  * 종류  div  h1~h6  p  목록  테이블  form
span	공간 분할 태그 : inline 형식  * 종류  span  a  input  글자형식
header
nav
aside
section
article
footer

 

 

 

[html5] 강좌 html5 태그