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

    北冥复习html(二)

    一、表格的具体组成单位

    由行和组成的单元格

    结构:

    <table border="1">
    <tr>
    <td>row1,cell1</td>
    <td>row1,cell2</td>
    </tr>
    </table>

    table ==》 定义表格; border ==》 设置表格边粗细; tr ==》 行; td ==》 列;

    <td colspan = "3"></td> ==>跨3列;<td rowspan = "2"></td> ==>跨2行;

    二、列表

    定义:

    列表就是信息资源的一种展示方式,它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览器能更快捷的获取相同的信息。

    分类:

    1.有序列表,结构:

    <ol>
    <li>有序1</li>
    <li>有序2</li>
    </ol>

    ol ==》声明一个有序列表;li ==》列表项(属块元素)

    2.无序列表,结构:

    <ul>
    <li>无序1</li>
    <li>无序2</li>
    </ul>

    ul ==》声明一个无序列表;li ==》列表项

    3.定义列表,结构:

    <dl>
    <dt>定义1</dt>
    <dd>内容1</dd>
    </dl>

     dl ==》声明一个定义列表;dt ==》列表项;dd ==》列表项内容

     三、视频与音频标签

    视频结构:

    <video src = "地址" controls >

    当浏览器无法识别时,可用:

    <video controls autoplay>
    
    <source src = "地址">
    
    </video>
    • void 声明一个视频,src = “视频地址” 
    • controls 显示视频操作内容
    • autoplay 自动播放
    • audio 声明一个音频,用法和 void 一样

    四、页面结构 

    主要分为三大部分:1.页面头部;2.页面主体;3.页面尾部。

    功能:对页面布局,没有其他显示效果。

    作用:规范网页程序结构化

    标签:

    关键字 说明 
    header  表头部区块
    section       网页独立区域     
    footer  尾部区块
    article  独立文章内容
    aside  侧边栏
    nav  导航栏


    五、内联框架

    结构:

    <a href = "" target = " ">点击跳转</a>
    <iframe str = " " name = "zs" width = "" height = "" ></iframe>

     解释:

    • href ==》另一个网站
    • target ==》与name对应,这样使内联框架跳转另一个网站
    • src ==》引用页面地址
    • name ==》内联框架名
    • width 、height ==》内联框架宽和高
  • 相关阅读:
    JS时间框架之舍弃Moment.js拥抱Day.js
    快速理解Token,Cookie,Session
    一篇文章彻底弄懂CAS实现SSO单点登录原理
    debugging books
    debugging tools
    X64相关文章
    AMD developer
    kernel debugging
    Windows Kernel Security Training Courses
    windbg commands
  • 原文地址:https://www.cnblogs.com/beimingdaoren/p/12718674.html
Copyright © 2011-2022 走看看