列表、表格和媒体元素(html)

 

一.列表

列表简介:

  列表就是信息资源的一种展示形式。他可以是信息结构化和条理化,并以列表的形式展开。

二.列表及其应用

1.无序列表

  语法:

<ul>
    <li>第一行</li>

    <li>第二行</li>

    <li>狄三航</li>

</ul>

  特点:

    1)没有顺序,每一个<li>标签独占一行(块元素)

    2)默认<li>标签像前面有一个实心的圆点。

    3)一般用于导航、侧边栏新闻、与规律的图文组合模块等。

2.有序列表

  语法:

<ol>
    <li></li>
    
    <li></li>

    <li></li>

</ol>

  特点:

    1)有顺序,每一个<li>标签独占一行。

    2)默认<li>标签项前有顺序标记。

    3)一般用于试卷、问卷。

3.定义列表

  语法:

<dl>
    <dt>标题一</dt>
    <dd>一</dd>
    <dd>二</dd>
    <dt>标题二</dt>
    <dd>一</dd>
    <dd>二</dd>
</dl>

  特点:

    1)没有顺序,每一个<dt><dd>标签独占一行。

    2)默认没有标记。

    3)一般用有多个列表项的的情况。

三.表格

  语法:

<table> 
    <tr>
        <th></th>
    </tr>
    <tr>
        <td></td>
        <td></td>    
    </tr>
</table>

  1.表单的跨行

    <table>

      <tr>

         <td colspan="所跨行数">内容</td>

      </tr>

    </table>

  2.表单跨列

    <table>

      <tr>

         <td rowspan="所跨列数">内容</td>

      </tr>

    </table>

四.媒体元素

  1.视频元素

    语法:

      <video src=" 视频路径" controls="controls" > </video>

  2.音频元素

    语法:

      <audio src="音频路径" controls="controls" > </video>  

五.HTML的结构元素

  header:标题的头部。

  footer:标记脚部。

  section:web页面中的一块独立区域。

  article:独立的文章内容。

  aside:相关内容和应用。

  nav:导航类辅助内容。

六.<iframe>结构

  语法:

  <iframe src="引用页面地址" name="框架标识名" target="_blank|_self"> </iframe>

  

原文地址:https://www.cnblogs.com/huanghui-1243/p/7444404.html