zoukankan      html  css  js  c++  java
  • 列表、表格、媒体元素

    1.列表

      a.无序列表                   

        <ul> 

           <li>第1项</li>

          <li>第2项</li>

          <li>第3项</li>

        </ul>

    b.有序列表                   

        <ol> 

           <li>第1项</li>

          <li>第2项</li>

          <li>第3项</li>

        </ol>

    c.定义列表 

        <dl> 

           <dt>标题一<dt/>

          <dd>第1项<dd/>

          <dd>第2项<dd/>

          <dt>标题二<dt/>

          <dd>第1项<dd/>

        </dl>

    2.表格

        <th>加粗的标题

        <td>单元格内容

        boder边框像素

        cellspacing单元格与单元格之间的距离

        cellpadding单元格与单元格内容的距离

        dgcolor设置表格的背景颜色

        colspan 跨行

        rowspan 跨列

    <table border="2">
    <tr>
    <th colspan="所跨行数">第1行第一个单元格(标题)</th>
        </tr>
    <tr>
    <td>第2行第一个单元格</td>
    <td>第2行第二个单元格</td>
    <td>第2行第三个单元格</td>
    </tr>
    <tr>
    <td rowspan="2">第三行第四行合并第一个单元格内容</td>
    <th>第三行第二个单元格</th>
    <th>第三行第三个单元格</th>
    </tr>
    <tr>
    <th>
    第三行第二个单元格</th>
            <th>第三行第二个单元格</th>
      </tr>
    3.视频、音频元素
      controls用于提供播放、暂停、音量等控件
      source:每个src对应一种格式,source可以在video中多次出现,每个source元素对应一种格式。
      loop 循环播放
      可以用width、heigth调整视频、音频的高度和宽度
      <video src="视频路径" controls="controls">如果不支持video,可以在此处插入提醒语句</video>
       <audio src="音频路径" controls="controls">如果不支持audio,可以在此处插入提醒语句</audio>
    例子:
    <body>
        <video controls loop>
    <source src="video/vedio.avi"/>
    <source src="video/vedio.mp4"/>
    <source src="video/video.webm"/>
    </video>
    </body>
    4.iframe
    例子:
    <!DOCTYPE html>
    <html>
    <head lang="en">
    <meta charset="UTF-8">
    <title>iframe的使用</title>
    </head>
    <body>
    <h1>导航条</h1>
    <p>
    <a href="https://www.baidu.com/" target="mainFrame">百度主页</a><br/>
    <a href="http://www.bdqn.cn/" target="mainFrame">北大青鸟</a><br/>
    </p>
    <iframe name="mainFrame" width="1500px" height="1500px" src="https://www.baidu.com/" ></iframe>
    </body>
    </html>

    5.结构元素
    header 标题头部区域的内容
    footer 标记脚步区域内容
    section Web页面中的一块独立区域
    article 独立的文章内容
    aside 相关内容或应用(常用语侧边栏)
    nav 导航类辅助内容
  • 相关阅读:
    文件内容排名算法,输入排名函数,返回排名后的文件名
    线段树做大数据排序
    给字符排序-基类排序二分查找-JavaScript
    后缀数组、名次数组-JavaScript
    二分查找法、二分去重排序法,返回最接近的位置和实际位置
    用四叉树对图像分类,获取tag和key
    Linux显示所在Git分支
    Linux中设置Git显示颜色
    屏蔽网页广告
    tf.add_to_collection,tf.get_collection简介
  • 原文地址:https://www.cnblogs.com/weihaixiong/p/8312716.html
Copyright © 2011-2022 走看看