• 列表、表格和媒体元素(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>

      

  • 相关阅读:
    uva 11248 最大流 ISAP
    【力扣】133. 克隆图
    【力扣】125. 验证回文串
    【力扣】130. 被围绕的区域
    【力扣】337. 打家劫舍 III
    【力扣】104. 二叉树的最大深度-及二叉树的遍历方式
    【力扣】392. 判断子序列
    【力扣】95. 不同的二叉搜索树 II
    【力扣】120. 三角形最小路径和
    【力扣】两个数组的交集 II
  • 原文地址:https://www.cnblogs.com/huanghui-1243/p/7444404.html
Copyright © 2020-2023  润新知