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

本文主要是介绍列表标签，多媒体与语义化标签，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

列表标签：

• 无序列表标签<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>结合使用，表示独立的引用部分，当这部分转移到附录不影响页面使用。

这篇关于列表标签，多媒体与语义化标签的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！