List, table and media element Basics

I. List
A display form of Information Resources

Ii. List category
1. ordered list
<Ol>
<Li> Item 1 </LI>
<Li> list item 2 </LI>
</OL>

Features:
1. Ordered. Each Li occupies only one row.
2. By default, each Li has a sequential ID.

2. unordered list
<Ul>
<Li> Item 1 </LI>
<Li> list item 2 </LI>
<Ul>

Features:
1. There is no order. Each Li occupies only one row (block element)
2. By default, each Li has a solid dot before it.

3. definition list
<! -- DH label also indicates that the beginning of the list item is similar to DT label -->
<DL>
<DT> list item 1 </DT>
<DD> list item 1 value 1 </DD>
<DD> list item 1 value 2 </DD>

<DT> list item 2 </DT>
<DD> list item 2 value 1 </DD>
<DD> list item 2 value 2 </DD>
</Dl>

Features:
1. There is no order. Each DT and DD tag excludes one row.
2. No tag by default
Iii. Table
<Table>
<Tr>
<TH> the first cell in the first row </Th>
<TH> the second cell in the first row </Th>

</Tr>
<Tr>
<TD> the first cell in the second row </TD>
<TD> the second cell in the second row </TD>
</Tr>
</Table>
Cross-row (rowspan) and cross-column (colspan): horizontal cross-column, vertical cross-row

Iv. Audio and Video Elements
※Pay attention to browser compatibility issues during use

<Video controls = "controls">

<Source src = "../Video/video. webm"/>
<Source src = "../Video/video.mp4"/>

</Video>

<Audio controls autoplay>
<Source src = "../music/musicloud"/>
<Source src = "../music/music.ogg"/>
</Audio>

Controls: playback plug-in autoplay: automatic playback

5. IFRAME inline framework
<IFRAME src = "nested page address" name = "inline framework name" width = "200px" Height = "200px"> </iframe>


Click the link to jump to the specified address:
<A href = "fristhtml.html" target = "ifrmae"> the first page of the inline framework </a>
<A href = "secondhtml.html" target = "ifrmae"> second page of inline framework </a>
<A href = "thridhtml.html" target = "ifrmae"> third page of inline framework </a>
<IFRAME src = "fristhtml.html" name = "ifrmae" width = "200px" Height = "200px"> </iframe>

List, table and media element Basics