[웹 표준에 맞는 HTML5 프로그래밍] 2차시 - 웹 페이지 기본 문서 만들기

HTML5의 기본 구성

1. 시작과 끝이 없는 태그는 "img", "br", "hr"이 있고, 태그의 구조는 속성(Attribute)과 속성값(Value)임

2.  HTML5 문서태그는 html, head, title, body, base, meta, link, style, script, h1...h6, div, span, p, br, hr 등이 있음

 

텍스트와 링크 태그

1. 제목과 본문 태그에는 h1...h6, p, br, hr, div, pre, 특수문자 등이 있음

2. 글자 모양 태그에는 b, strong, i, em, small, sub, sup, ins, del, mark 등이 있음

3. 하이퍼링크 태그 요소에는 a, href, URL 등이 있음

- a: 하이퍼링크를 의미

- href: 파일의 경로(주소)

- URL: 절대주소, 상대주소

 

미디어 태그

1. 이미지 태그

img, src, alt, width, height 등이 있음

2. 오디오 태그

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

3. 비디오 태그

<video width="640" controls="controls">

<source src="STEP.mp4" type="video/mp4"></video>

4. Youtube 영상 등 외부 영상을 삽입할 때에는 <iframe>...</iframe>까지의 소스를 HTML 코드에 붙여넣고, 동영상 주소부분을 제외하고 모두 삭제함