标签:标签定义文档的标题，标题显示再浏览器窗口的标题栏上，当把文档加入用户的链接列表或收藏夹时，标题将成为该文档链接的默认名称 <meta>标签:<meta>标签数据是有关数据的数据（信息）。 <meta>标记始终位于<head>元素内，并且它们提供有关 HTML 文档的元数据。 <meta>标记通常用于指定字符集，页面描述，关键字，文档的作者和视口设置。元数据将不会显示在页面上，但是可以在计算机上解析。浏览器（如何显示内容或重新加载页面），搜索引擎（关键字）和其他 Web 服务都使用元数据。 width = device-width部分将页面的宽度设置为跟随设备的屏幕宽度（视设备而定）。 initial-scale = 1.0部分设置浏览器首次加载页面时的初始缩放级别。 <header>标签:<header>元素表示介绍性内容或一组导航链接的容器。 <header>元素通常包含：一个或多个标题元素（<h1>-<h6>）徽标或图标作者信息一个文档中可以包含多个<header>元素。注意：<header>标记不能放在<footer>，<address>或另一个<header>元素内。 <nav>标签:<nav>标记定义了一组导航链接。注意，并非文档的所有链接都应在<nav>元素内。 <nav>元素仅用于主要的导航链接块。浏览器（例如，供残障用户使用的屏幕阅读器）可以使用此元素来确定是否忽略此内容的初始呈现。 <article> 标签：<article>标记指定独立的，独立的内容。文章应该是有意义的，并且有可能独立于网站的其余部分进行分发。 <article>元素的潜在来源：论坛帖子博客文章新闻故事评论 <section>标签:<section>标记定义文档中的各个部分，例如章节，页眉，页脚或文档的任何其他部分。 <footer>标签：<footer>标记定义文档或节的页脚。 <footer>元素通常包含：作者信息版权信息联系信息网站地图回到顶部链接相关文件一个文档中可以包含多个<footer>元素。 <details>标签:<details>标签指定用户可以按需查看或隐藏的其他详细信息。 <details>标签可用于创建用户可以打开和关闭的交互式窗口小部件。任何种类的内容都可以放在<details>标记内。除非设置了 open 属性，否则<details>元素的内容应该不可见。 <summary>标签：<summary>标记为<details>元素定义了可见的标题。可以单击标题以查看/隐藏详细信息。 <div>标签：<div>标记定义 HTML 文档中的分区或部。 <div>元素通常用作其他 HTML 元素的容器，以使用 CSS 对其进行样式设置或使用 JavaScript 执行某些任务。 <span>标签:<span>标签定义文本颜色 <span>标记是一个内联容器，用于标记文本的一部分或文档的一部分。 <span>标记本身并没有提供视觉上的变化，但是标记后，可以使用 CSS 设置样式或使用 JavaScript 对其进行操作。 4.<h1>~<h6> <h1>到<h6>标记用于定义 HTML 标题。 <h1>定义最重要的标题。 <h6>定义最不重要的标题。 5.<p>标记定义一个段落。浏览器会在每个<p>元素之前 > 引用文字和之后自动添加一些空间（边距）。可以使用 CSS（带有 margin 属性）修改页边距。 6.<br>标签插入了一个换行符。 <br>标签是一个空标签，这意味着它没有结束标签。 7.<hr>标记定义 HTML 页面中的主题中断（例如，主题转移）。<hr>元素通常显示为水平规则，用于分隔 HTML 页面中的内容（或定义更改）。 8.comment 标签用于在源代码中插入注释。注释不会显示在浏览器中。 9.<a>标记定义超链接，该超链接用于从一个页面链接到另一页面。<a>元素最重要的属性是href属性，它指示链接的目的地。默认情况下，链接将在所有浏览器中显示如下：未访问的链接带有下划线并显示为蓝色已访问链接带有下划线和紫色活动的链接带有下划线和红色注意事项提示：如果<a>标记没有href属性，则它只是超链接的占位符。提示：如果href属性不存在，则不会显示以下属性：download，hreflang，media，rel，target和type。提示：除非您指定其他目标，否则通常在当前浏览器窗口中显示链接页面。提示：使用CSS设置链接样式：CSS链接和CSS按钮。 10.<img>标记在 HTML 页面中定义图像。<img>标记具有两个必需的属性：src和alt。注意：从技术上讲，图像不是插入到 HTML 页面中，而是将图像链接到 HTML 页面。 <img>标签为引用的图像创建一个容纳空间。提示：要将图像链接到另一个文档，只需将<img>标记嵌套在<a>标记内。 11.<audio>标签定义声音，例如音乐或其他音频流。当前，<audio>元素支持 3 种文件格式：MP3，WAV和OGG：提示：<audio>和</audio>之间的任何文本将在不支持<audio>标记的浏览器中显示。 12.<video>标签指定视频，例如影片剪辑或其他视频流。当前，<video>元素支持 3 种视频格式：MP4，WebM和Ogg：提示：<video>和</video>标记之间的所有文本将在不支持<video> 元素的浏览器中显示. ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497845193) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497854477) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497863326) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497878606) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497889878) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497925312) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497933554) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497938202) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497943372) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497951096) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497957537) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497962223) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497967521) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497981004) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497984493) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497989490) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497994028) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497997523) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498002061) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498005760) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498010071) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498015780) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498022188) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498042598) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498047289) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498051203) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498054930) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498059574) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498062825) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498067385) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498070990) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498076436) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498080155) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498084454) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498088347) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498095733) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498112503) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498129429) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498133828) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498142012) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498145811) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498149229) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498153020) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498158293) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498161684) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498165443) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498170099) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498175120) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498179004) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498182447) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498186241)![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200509-1589020244803)</article></body></html>

1. 在 html5 文档中，文档类型声明是强制使用的，必须位于文档首行 2.与标签定义了文档的开始和结束，文档由头部和主体组成，文档的头部由标签定义，主体由标签定义。 3.头部元素标签:标签定义文档的标题，标题显示再浏览器窗口的标题栏上，当把文档加入用户的链接列表或收藏夹时，标题将成为该文档链接的默认名称 <meta>标签:<meta>标签数据是有关数据的数据（信息）。 <meta>标记始终位于<head>元素内，并且它们提供有关 HTML 文档的元数据。 <meta>标记通常用于指定字符集，页面描述，关键字，文档的作者和视口设置。元数据将不会显示在页面上，但是可以在计算机上解析。浏览器（如何显示内容或重新加载页面），搜索引擎（关键字）和其他 Web 服务都使用元数据。 width = device-width部分将页面的宽度设置为跟随设备的屏幕宽度（视设备而定）。 initial-scale = 1.0部分设置浏览器首次加载页面时的初始缩放级别。 <header>标签:<header>元素表示介绍性内容或一组导航链接的容器。 <header>元素通常包含：一个或多个标题元素（<h1>-<h6>）徽标或图标作者信息一个文档中可以包含多个<header>元素。注意：<header>标记不能放在<footer>，<address>或另一个<header>元素内。 <nav>标签:<nav>标记定义了一组导航链接。注意，并非文档的所有链接都应在<nav>元素内。 <nav>元素仅用于主要的导航链接块。浏览器（例如，供残障用户使用的屏幕阅读器）可以使用此元素来确定是否忽略此内容的初始呈现。 <article> 标签：<article>标记指定独立的，独立的内容。文章应该是有意义的，并且有可能独立于网站的其余部分进行分发。 <article>元素的潜在来源：论坛帖子博客文章新闻故事评论 <section>标签:<section>标记定义文档中的各个部分，例如章节，页眉，页脚或文档的任何其他部分。 <footer>标签：<footer>标记定义文档或节的页脚。 <footer>元素通常包含：作者信息版权信息联系信息网站地图回到顶部链接相关文件一个文档中可以包含多个<footer>元素。 <details>标签:<details>标签指定用户可以按需查看或隐藏的其他详细信息。 <details>标签可用于创建用户可以打开和关闭的交互式窗口小部件。任何种类的内容都可以放在<details>标记内。除非设置了 open 属性，否则<details>元素的内容应该不可见。 <summary>标签：<summary>标记为<details>元素定义了可见的标题。可以单击标题以查看/隐藏详细信息。 <div>标签：<div>标记定义 HTML 文档中的分区或部。 <div>元素通常用作其他 HTML 元素的容器，以使用 CSS 对其进行样式设置或使用 JavaScript 执行某些任务。 <span>标签:<span>标签定义文本颜色 <span>标记是一个内联容器，用于标记文本的一部分或文档的一部分。 <span>标记本身并没有提供视觉上的变化，但是标记后，可以使用 CSS 设置样式或使用 JavaScript 对其进行操作。 4.<h1>~<h6> <h1>到<h6>标记用于定义 HTML 标题。 <h1>定义最重要的标题。 <h6>定义最不重要的标题。 5.<p>标记定义一个段落。浏览器会在每个<p>元素之前 > 引用文字和之后自动添加一些空间（边距）。可以使用 CSS（带有 margin 属性）修改页边距。 6.<br>标签插入了一个换行符。 <br>标签是一个空标签，这意味着它没有结束标签。 7.<hr>标记定义 HTML 页面中的主题中断（例如，主题转移）。<hr>元素通常显示为水平规则，用于分隔 HTML 页面中的内容（或定义更改）。 8.comment 标签用于在源代码中插入注释。注释不会显示在浏览器中。 9.<a>标记定义超链接，该超链接用于从一个页面链接到另一页面。<a>元素最重要的属性是href属性，它指示链接的目的地。默认情况下，链接将在所有浏览器中显示如下：未访问的链接带有下划线并显示为蓝色已访问链接带有下划线和紫色活动的链接带有下划线和红色注意事项提示：如果<a>标记没有href属性，则它只是超链接的占位符。提示：如果href属性不存在，则不会显示以下属性：download，hreflang，media，rel，target和type。提示：除非您指定其他目标，否则通常在当前浏览器窗口中显示链接页面。提示：使用CSS设置链接样式：CSS链接和CSS按钮。 10.<img>标记在 HTML 页面中定义图像。<img>标记具有两个必需的属性：src和alt。注意：从技术上讲，图像不是插入到 HTML 页面中，而是将图像链接到 HTML 页面。 <img>标签为引用的图像创建一个容纳空间。提示：要将图像链接到另一个文档，只需将<img>标记嵌套在<a>标记内。 11.<audio>标签定义声音，例如音乐或其他音频流。当前，<audio>元素支持 3 种文件格式：MP3，WAV和OGG：提示：<audio>和</audio>之间的任何文本将在不支持<audio>标记的浏览器中显示。 12.<video>标签指定视频，例如影片剪辑或其他视频流。当前，<video>元素支持 3 种视频格式：MP4，WebM和Ogg：提示：<video>和</video>标记之间的所有文本将在不支持<video> 元素的浏览器中显示. ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497845193) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497854477) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497863326) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497878606) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497889878) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497925312) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497933554) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497938202) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497943372) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497951096) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497957537) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497962223) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497967521) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497981004) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497984493) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497989490) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497994028) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588497997523) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498002061) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498005760) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498010071) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498015780) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498022188) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498042598) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498047289) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498051203) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498054930) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498059574) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498062825) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498067385) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498070990) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498076436) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498080155) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498084454) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498088347) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498095733) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498112503) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498129429) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498133828) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498142012) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498145811) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498149229) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498153020) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498158293) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498161684) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498165443) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498170099) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498175120) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498179004) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498182447) ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200503-1588498186241)![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid1370506-20200509-1589020244803)</article></body></html>

“Web开发基础”实验报告