HTML5 chapter II list and tables and Media Elements

Source: Internet
Author: User

List:

(1) What is a list?

A list is a form of presentation of information resources.

(2) unordered list:

Grammar:

<ul>

<li> 1th </li>

<li> 2nd </li>

<li> 3rd </li>

</ul>

(3) A sequence list:

Grammar:

<ol>

<li> 1th </li>

<li> 2nd </li>

<li> 3rd </li>

</ol>

(4) Definition list:

Grammar:

<dl>

<dt> Title One </dt>

<dd> 1th </dd>

<dd> 2nd </dd>

<dt> Title Two </dt>

<dd> 1th </dt>

</dl>

Form:

(1) Why use the form?

Simple and universal structure stability

(2) The basic structure of the table:

Cell rows

Grammar:

<table>

<tr>

<th> the contents of the first cell </th>

。。。。。

</tr>

<tr>

<td> the contents of the first cell </th>

。。。。

</tr>

</table>

(3) The cross-row and Kua columns of the table:

Cross-line:

Grammar:

<table>

<tr>

<TD rowspan= "rows spanned" > cell contents </td>

</tr>

</table>

Cross-column:

Grammar:

<table>

<tr>

<TD colspan= "Number of columns spanned" > cell contents </td>

</tr>

</table>

Media Elements for HTML5:

(1) Video elements:

The video element is a standard method for HTML5 playback.

Video

Grammar:
<video src= "video path" controls= "controls></video>

(2) Audio elements:

The audio element is used to play a sound file.

Grammar:

<audio src= "Audio path" controls= "controls></vider>

Structural elements of the HTML5:

Element name and Description:

Header: The contents of the title header area.

Footer: Marks the contents of the foot area.

A separate area in the Section:wed page.

Article: Independent article content.

Aside: related content or application.

Nav: Navigation class-assisted content.

<iframe> Frame:

An IFRAME is a framework that enables parts of the page to be implemented.

Grammar:

<iframe src= "Reference page address" name= "Frame identification name" ...></iframe>

<iframe> Properties:

<iframe> Inline framework common properties include name,width,heigth. Where the name attribute can be combined with the anchor link to achieve mutual jumps between pages.

The Name property syntax:

<iframe name= "Mianframe" src= "subframe/the_second.html/>

HTML5 chapter II list and tables and Media Elements

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.