10.31 HTML5 Study 2

HTML table

1. Table header:<th></th> in the table. Where the header part of the font bold, dark green color

1 <h4>Horizontal title:</h4>2 <TableBorder= "1">3 <TR>4   <th>Name</th>5   <th>Telephone</th>6   <th>Telephone</th>7 </TR>8 <TR>9   <TD>Bill Gates</TD>Ten   <TD>555 77 854</TD> One   <TD>555 77 855</TD> A </TR> - </Table>

1 <h4>Vertical caption:</h4>2 <TableBorder= "1">3 <TR>4   <th>First Name:</th>5   <TD>Bill Gates</TD>6 </TR>7 <TR>8   <th>Telephone:</th>9   <TD>555 77 854</TD>Ten </TR> One <TR> A   <th>Telephone:</th> -   <TD>555 77 855</TD> - </TR> the </Table>

2. Table with title:<caption></caption>

<TableBorder= "1">  <caption>Monthly Savings</caption>  <TR>    <th>Month</th>    <th>Savings</th>  </TR>  <TR>    <TD>January</TD>    <TD>$</TD>  </TR>  <TR>    <TD>February</TD>    <TD>$</TD>  </TR></Table>

HTML list

Custom list

1 <DL>2 <DT>Coffee</DT>3 <DD>-Black hot drink</DD>4 <DT>Milk</DT>5 <DD>-White cold drink</DD>6 </DL>

HTML5 new elements

1. Define the audio content <audio></audio> only 1 audio can be placed in each label. Supported formats: MP3, OGG, Wav.

New properties:

(1) AutoPlay If this property appears, the video will play as soon as it is ready.

(2) Controls If this property appears, the control is displayed to the user, such as the play button.

(3) Loop If this property occurs, the playback starts again whenever the audio ends.

(4) Muted if this property appears, the audio output is muted.

1 <  controls>2   <src= "file:///F|/song/¤ Restricting ". mp3">3</audio>

2. Define the video content <video></video> only 1 videos can be placed in each label and the video will be full screen. Supported video formats: MP4, WebM, Ogg.

New properties:

(1) AutoPlay If this property appears, the video will play as soon as it is ready.

(2) Controls If this property appears, the control is displayed to the user, such as the play button.

(3) Height sets the level of the video player.

(4) Loop If this property occurs, the media file starts playing again when it finishes playing.

(5) Muted if this attribute appears, the audio output of the video is muted.

(6) Poster Specifies the image displayed when the video is being downloaded until the user clicks the play button.

(7) Width sets the size of the video player.

1 <  width= " +" height= "Up"  controls>2   <src= "file:///F|/connotation satin/1444887748923.mp4"  type  = "Video/ogg">3</video>

3. Embedded Flash animation <Embed>, single-label element. Format of the embedded animation: GIF, SWF.

1 <  src= "file:///F|/connotation satin/Picture/1449223698957.gif">

4. Define different types of output, such as the output of the script. <output></output>

0-100 You can drag the scrollbar adjustment, the right 50 can also be resized, add equals to the right value.

<formOninput= "X.value=parseint (a.value) +parseint (b.value)">0<inputtype= "Range"ID= "a"value= " the">100+<inputtype= "Number"ID= "B"value= " the">=<Outputname= "X" for= "A B"></Output></form>

10.31 HTML5 Study 2