列表，表格，媒体元素的使用

列表，表格，媒体元素

列表

无序列表

(默认列表内容前加点)

<ul>

<li>列表内容</li>

<li>列表内容</li>

<li>列表内容</li>

</ul>

 

 

有序列表

(默认数字排序)

<ol>

<li>列表内容</li>

<li>列表内容</li>

<li>列表内容</li>

<ol>

 

 

定义列表

<dl>

<dt>列表标题</dt>

<dd>列表内容</dd>

<dd>列表内容</dd>

<dd>列表内容</dd>

<dl>

 

 

类型	说明	项目符号
无序列表	以<ul>标签来实现 以<li>标签表示列表项	无序列表中的每项都是平级的，没有级别之分，并且列表中的内容一般都是相对简单的标题性质的网页内容
有序列表	以<ol>标签来实现 以<li>标签表示列表项	有序列表ol-li一般用于显示带有顺序编号的特定场合
定义类表	以<dl>标签来实现 以<dt>标签定义列表项 以<dd>标签定义内容	定义列表一般适用于带有标题和标题解释性内容的场合

 

 

表格

表格格式

<table>声明表格

<tr>声明行

<td>行内列标签</td>

<td>1</td>

<td>1</td>

</tr>

<tr>

<td>1</td>

<td>1</td>

<td>1</td>

</tr>

 

<tr>

<td>1</td>

<td>1</td>

<td>1</td>

</tr>

</table>

 

表格合并

<td colspan="n">单元格内容</td>

<td rowspan="n">单元格内容</td>

 

<table border="1">

                                   <tr>

                                            <td>11</td>

                                            <td colspan="2">12</td>

                                   </tr>

                                   <tr>

                                            <td rowspan="3">21</td>

                                            <td>22</td>

                                            <td rowspan="2">23</td>

                                   </tr>

                                   <tr>

                                            <td>32</td>

                                   </tr>

                                   <tr>

                                            <td colspan="2">42</td>

                                   </tr>

                          </table>

 

 

 

 

音频视频

<video src="视频链接" controls autoplay>

<audio src="音频链接"  controls autoplay>

controls控件 autoplay 自动播放

source 视频兼容链接

<video controls autoplay>

                                   <source src="视频链接" type="video/mp4">

                                   <source src="视频链接" type="video/webm">

                          </video>

                          <audio controls autoplay>

                                   <source src="音频链接" type="audio/mp3">

                                   <source src="音频链接" type="audio/ogg">

                          </audio>

 

标签语意化

元素名	描  述
header	标题头部区域的内容（用于页面或页面中的一块区域）
footer	标记脚部区域的内容（用于整个页面或页面的一块区域）
section	Web页面中的一块独立区域
article	独立的文章内容
aside	相关内容或应用（常用于侧边栏）
nav	导航类辅助内容

内联框架

在页面内设置一个独立窗口 a标签内单target需与内联框架单name相同

iframe标签 src必选

<a href="../day1/列表.html" target="one" >列表</a>

                          <a href="../day1/跨行.html" target="one">表格</a>

                          <iframe src="表格.html" frameborder="1" name="one"></iframe>