zoukankan      html  css  js  c++  java
  • 列表、表格和媒体元素(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>

      

  • 相关阅读:
    TPM Key相关概念
    (转)eclipse报错及解决说明 "XX cannot be resolved to a type "
    (转)Bat Command
    (转)Linux下查看文件和文件夹大小 删除日志
    (转)每天一个linux命令(50):crontab命令
    (转)Vi命令详解
    (转)maven打包时跳过测试
    (转)mybatis常用jdbcType数据类型
    (转)MyBatis在插入的数据有空值时,可能为空的字段都要设置jdbcType
    (转)mybatis:动态SQL
  • 原文地址:https://www.cnblogs.com/huanghui-1243/p/7444404.html
Copyright © 2011-2022 走看看