5

2015.03.09

o Minimal Table Structure

o Spanning Cells
o Space In and Between Cells
o Advanced Table Elements

, ,

.

HTML , ,
( )
.

.
(header)
(data) .

table (<table>..</table>)
tr(<tr></tr>) th td(<th></th> for
headers, and <td></td> for data) .

3 3 tr
.
HTML
. , 4
4 td th .
.

.
.
td th
colspan .
colspan
.

 1
o

rowspan
.

.

10

 2
o

11

.
.
o padding
.
o spacing

padding spacing Table

cellpadding cellspacing .
12
HTML5- 2
CSS- .

.
1. <caption></caption>:
. Table .
2. : , ,

<thead></thead>, <tfoot></tfoot>, and <tbody></tbody>
.

.
3. col colgroup
.

CSS- .
4. scope
13
row, column, rowgroup, colgroup

14

15

 3
o

16

 4
o

17

.
plug-ins .

HTML5- audio video

audio video
.

.
18

2 .
encode(
0 1- ) .

encode codec
code/decode

metadata
ZIP .
19

2
.

Ogg container + Theora video codec : Ogg Theora

.ogv . 2- open source.
MPEG-4 container + H.264 video codec: MPEG-4
.mp4 .m4v . H.264

.
WebM container + VP8 video codec : WebM
.webm .
.

20

.
MP3: codec .mp3
.
. MP3- hardware
software license
WAV: codec .wav .
Ogg container + Vorbis audio codec: Ogg Vorbis
.ogg .oga .
MPEG 4 container + AAC audio codec: MPEG4 audio
.m4a . MP3- .
WebM container + Vorbis audio codec: .webm
audio .

21

video src .
:
width and height: Specifies the size of the box the embedded media
player takes up on the screen. It is best to set the dimensions to exactly
match the pixel dimensions of the movie.
poster: Provides the location of a still image to use in place of the video
before it plays.
controls: Prompts the browser to display its built-in media controls,
generally a play/pause button, a seeker that lets you move to a position
within the video, and volume controls.
autoplay: Makes the video start playing automatically once it has
downloaded. Use of it should be avoided.
preload: Suggests to the browser whether to wait until the user presses 22
the play button.

2
: Ogg Theora and MPEG-4 (H.264 video).
video source
.
.

Video
Miro Video Converter (www.mirovideoconverter.com) is a free tool that
converts any video to H.264, Ogg Theora, or WebM.
Handbrake (handbrake.fr) is a popular open source tool.
23
Firefogg (firefogg.org) is an extension to Firefox for converting video to
the Ogg Theora format.


audio video width, height,
and poster .
source
.

Audio Conversion:
MP3/WMA/Ogg Converter (www.freemp3wmaconverter.com) is a free
tool that converts the following audio formats: MP3, WAV, WMA,
OGG, AAC, and more.

24

YOUTUBE

Html5 youtube iframe

Video_ID-

25