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 导航类辅助内容
  • 相关阅读:
    Java判断一个实体类对象实例的所有成员变量是否为空
    正则表达式 整数
    将定时任务cron 解析成中文
    如何使用html定义一个红色小圆点
    Oracle获取当前日期前一个月的全部日期
    京东系统架构师如何让笨重的架构变得灵巧
    POI使用详解
    Java Excel 列号数字与字母互相转换
    使用exe4j将java项目打成exe执行程序
    Address already in use: JVM_Bind错误的解决
  • 原文地址:https://www.cnblogs.com/weihaixiong/p/8312716.html
Copyright © 2011-2022 走看看