模块6：HTML重温（语义标签、音频、视频、表格、下拉式、SVG）。
1.HTML5音频、视频、Youtube视频、嵌入iframe
标签用于在文档中嵌入声音内容，如音乐或其他音频流。标签包含一个或多个标签，有不同的音频来源。浏览器会选择它支持的第一个音源。和标签之间的文字只会在不支持元素的浏览器中显示。在HTML中，有三种支持的音频格式。MP3、WAV和OGG。不要忘了也要设置控制，否则你的音频将无法加载到网页上。
标签用于在文档中嵌入视频内容，如电影片段或其他视频流。标签包含一个或多个标签，有不同的视频来源。浏览器会选择它支持的第一个源。和标签之间的文字将只在不支持元素的浏览器中显示。
如果你想在你的网页上嵌入任何网站的任何视频，那么你会在分享选项中找到嵌入代码。只要从那里复制代码并粘贴。例如，在youtube的情况下，你会在分享选项中找到嵌入代码。只需进行复制-粘贴。
标签指定一个内联框架。内联框架是用来在当前的HTML文档中嵌入另一个文档。2.2.HTML5语义标签章节文章标题页脚主要内容
在谷歌上搜索 "HTML 4 Vs HTML5"，看看它们的区别。通常，我们使用
标签来设计网页的所有区块，但这是没有意义的，而且在谷歌搜索引擎抓取时也会产生问题。因此，为了解决这个问题，HTML5引入了一些语义标签，如<标题> <导航> <部分> <文章> <页脚>，使网页更有意义，更容易抓取。它还引入了 标签。
HTML4与HTML5
除了这些之外，它还增加了许多新的功能，使HTML5进入了另一个维度。
3.HTML表，表头，表身，表行，表数据
标签定义了一个HTML表格。每个表行都用标签来定义。每个表头是用
标签定义的。每个表的数据/单元格用 标签来定义。 默认情况下，
元素中的文本是粗体和居中的。 元素中的文本是普通的，并且是左对齐的。
一个表格
4.Html 表单 输入标签 字段集 图例 文本区 提交
你已经知道一些常见的输入标签，如文本、电子邮件、密码，以及单选、复选框。单选和复选框类型的输入应该被包含在标签内。
标签用于分组表单中的相关元素。它在相关元素周围画一个方框。标签用于为元素定义一个标题。
标签定义了一个多行文本输入控件。它经常被用在表单中，以收集用户的输入，如评论或评价。5.简单的导航条和文件间的内部导航
标签定义了一组导航链接。请注意，不是所有的文档链接都应该在元素内。元素只用于导航链接的主要块。在
标签内使用一个，其中有许多
- 容纳所有的导航链接。现在，按照你想要的方式来设计它们，比如去掉文本装饰，使显示灵活并添加一些边距，你也可以添加一些颜色并给出":hover "效果。
导航栏
6.在鼠标移动时添加嵌套菜单下拉选项
使用
下拉菜单CSS
7.(高级）探索SVG，创建一个SVG笑脸
你可以很容易地在你的网站上画出或绘制一些东西。为此，你必须在标签的帮助下，为网络定义图形。SVG是可扩展矢量图的缩写。SVG有几种绘制路径、方框、圆圈、文本和图形图像的方法：、、、、。
一个绘制笑脸的SVG
只需尝试探索并掌握一些相关知识。现在不需要为它烦恼。
8.所有HTML标签，你需要了解的所有HTML知识
现在，你的工作是在谷歌上搜索所有的HTML标签，并逐一浏览它们。花点时间，读一读它们。不知道所有的标签也没关系，但你应该知道所有经常使用的标签。
以后如果你需要使用任何标签，你可以在某人或谷歌的帮助下轻松学会应用，这应该是你的目标。因为你不需要知道所有的东西只是为了开始。
9.所有HTML属性 标题属性、注释、Alt、数据
每个HTML标签都有一些属性，可以为不同的目的进行设置。所以，你必须知道这些属性，也必须知道使标签工作的值，但不是必须知道所有的属性。你会在前进中学习它们。但要始终热衷于了解和学习一些东西，这将为你带来很多机会。
你可以使用 "Ctrl + /"轻松地注释HTML或CSS中的一行。
"data-*"属性用于存储页面或应用程序中的私人定制数据。这个属性使我们有能力在所有的HTML元素上嵌入自定义数据属性。
10.总结一切
当你在做练习的时候，做一些笔记，这可以帮助你以后复习所有这些题目。它可以在几分钟内使你的大脑变得轻松。所以，请认真记住这个建议。
这就是现在的全部......
虚拟的👏👏拍手不会让你的手掌受伤😏😏。
Web Dev Streaks Day - 7 (Milestone 2: Responsive Web Layout)原文发表于Nerd For Techon Medium，在那里人们通过强调和回应这个故事继续对话。
