ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

【学习笔记7】HTML(3)

2021-08-03 19:30:17  阅读:104  来源: 互联网

标签:网页 标签 语义 笔记 学习 HTML 是否 播放 页面


1.图片:
    <img src="" alt=""/>
    src:图片的地址(必须填),alt:图片地址出错时会显示alt的内容,width,height
视频:
    <video src="D:\briup\Html\图片+视频\axure_day04_2"  controls> </video>
    controls:表示是否显示控制条
    loop:是否循环播放(播放结束后从头开始播放)
    muted:是否静音播放
    autoplay:是否自动播放
音频:
    <audio src=""  controls> </audio>
    controls:表示是否显示控制条
    loop:是否循环播放(播放结束后从头开始播放)
    muted:是否静音播放
    autoplay:是否自动播放
2.其他标签:
    mark:高亮
    cite:引用
    em:强调
    i:斜体
    cite、em、i都有斜体的效果,但他们的语义不同)
    abbr:缩略词(可以在title里全称,光标放上去以后就可以显示)
H5语义化标签:
    1.header:具有引导和导航作用的一个元素,通常来放置标题(导航)、logo、搜索栏
    2.nav:可以用作页面导航的链接组,其中导航元素链接到其他页面,或者当前页面的其他部分
    3.article:代表文档,页面中独立、完整的、可被外部引用的内容,也可以嵌套使用
    4.aside:用来表示当前页面或文章的附属信息部分,它可以包含侧边栏、广告、导航条以及其他有别于主要内容的部分
    5.footer:通常包含作者信息、相关链接、版权信息等
    6.address:用来呈现文档的联系信息、作者的联系信息、地址、邮箱、电话等(此部分内容在网页显示为斜体)
    7.section:类似于div,作为HTML的独立功能
    8.details:详情 用summary标签写主题内容并呈现在网页,然后可以用p标签写被拉取的部分
    <details>
      <summary>联系我:</summary>
      <p>邮箱:</p>
      <p>电话:</p>
      <p>地址:</p>
    </details>
    9.figure:一个组合,用来表示网页上的一个独立内容,删除后对网页其他部分无影响,figcaption放在figure中
        规定一个figure中放一个figcaption,但可以放多个其他标签
H5语义化标签除了语义之外,与div完全相同
对于搜索引擎较友好,语义化代码的可读性较高,方便其他设备解析,比如:盲人阅读器根据语义来解析页面
快捷键:alt+shift+按住光标拖拽,在选中区域打字,被选中区域就能同时被修改
  表格
    标签
      table
        thead
          tr>th
        tbody
          tr>td
        tfoot
    属性
      align: left center right
      border: 整数  px
      cellpadding:内容与单元格之间的距离
      cellspacing:单元格与单元格之间的距离
      width:设定表格宽度
      bgcolor:设定表格背景色

      colspan 跨列合并
      rowspan 跨行合并

标签:网页,标签,语义,笔记,学习,HTML,是否,播放,页面
来源: https://blog.csdn.net/m0_60525480/article/details/119357345

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有