ICode9

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

列表标签,多媒体与语义化标签

2022-01-22 23:01:43  阅读:150  来源: 互联网

标签:文件夹 多媒体 标签 语义 href 设置 属性 图片


列表标签

  • 无序列表标签<ul></ul> ,没有顺序,子标签只有<li></li>。父标签与子标签需同时出现,子标签下可嵌套其他标签。
  • 有序列表标签<ol></ol>,子标签只有<li></li>,type属性设置编号类型,默认为数字(例:type="A")。start属性设置排序开始的序号(例:start="2",只能为数  字)。reversed设置倒序。
  • 定义列表标签<dl></dl>,子标签<dt><dd>,<dd>解释说明<dt>, 先<dt>再<dd>.

多媒体引用标签

  • 图片标签<img>:src属性设置图片来源,即存储目录。图片需复制到项目文件夹中(例images文件夹)
        • alt属性为对图片的描述,当无法加载图片时显示。
        • width,height属性单位为像素,单位不写。当只写其中一个属性时,按原比例缩放图片。
        • 常见的图片格式:.bmp(windows画图软件默认保存格式,位图),.gif(支持动画),.jpeg/.jpg(有损压缩图片,用于照片),.svg(矢量图片,放大无锯齿),.png(用于logo背景图形,支持透明和半透明),.webp(压缩算法优秀)。
        • 相对路径。(例:<img src="images/cat.jpg">)需注意html文件与照片文件夹是否同一级,回退层级在文件夹前加../ 
        • 绝对路径。网址。
  • 超链接<a>:href属性指定跳转地址,支持绝对路径和相对路径。href属性后加#id,页面将自动滚动到此id标签的锚点位置。#top,自动滚动到页面顶部。
      • href前加mailto:邮箱地址,可自动打开Email相关软件。href前加tel:电话,将自动拨打该号码。
      • title属性设置悬停文本。
      • target="blank",指在新窗口打开网页,生成新标签页。
      • 用<a>标签包裹图片标签,可实现点击图片跳转。
      • .zip,.rar,.exe为下载链接。
  • 音频标签<audio></audio>:controls属性显示播放控件,src属性为音频地址.
      • autoplay属性设置自动播放,浏览器可能不允许。loop属性设置循环播放。
      • 标签包裹提示文字,当浏览器版本低于IE9显示。
      • 常见音频格式:.mp3,.ogg.
  • 视频标签<video>:width属性

大纲标签

  • div标签:实现文档区块分割,class属性。

 

语义标签

  • <span>标签是文本中的“区块标签”,结合css丰富样式。
  • <b>加粗,<u>加下划线,<i>倾斜文字。
  • <strong> 重要文字,<mark>强调,<em>高亮。
  • <figure><figcaption>结合使用,表示独立的引用部分,当这部分转移到附录不影响页面使用。

 

标签:文件夹,多媒体,标签,语义,href,设置,属性,图片
来源: https://www.cnblogs.com/yuro12138/p/15835385.html

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

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

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

ICode9版权所有