第一个网页
编译工具选用vs code
安装Emmet插件：用于自动生成HTML代码片段
注释
注释是用于为代码阅读者提供帮助，不参加代码的运行 在HTML中注释的格式如下 <！--注释内容-->
元素
元素的组成
元素(element)=起始标记(begin tag)+结束标记(end tag)+元素内容+元素属性
例如：超链接
<a href="https://blog-coral-rho.vercel.app/" title="这是全局属性">这是超链接技术分享</a>
元素属性=属性名+属性值 属性分为局部属性和全局属性 -局部属性：某些元素特有的属性 例如：href是a元素特有的属性表示链接地址 -全局属性：所有元素通用的属性 例如：title
部分元素没有结束标记，这样的元素叫做空元素
例如：img元素
<img src="C:\Users\admin\Desktop\乱\2.0.png">
元素的嵌套
元素不能相互嵌套 父元素，子元素，祖先元素，后代元素，兄弟元素
父元素与子元素是包含关系，父元素包含子元素
祖先元素与后代元素中间隔着父元素
兄弟元素是指拥有同一个父元素的两个元素
标准的文档结构
HTML：页面，HTML文档，
文档声明：<!DOCTYPE html>告诉浏览器，当前文档使用的HTML标准是HTML5.
不写文档声明，将导致浏览器进入怪异渲染模式。
根元素：<html lang="en"></html>表示HTML文档，为所有元素的父元素和祖先元素（在HTML5可以不写根元素，但是要兼容以前版本则必须书写）
lang属性：language，为全局属性，表示该元素内部使用文字是哪种自然语言，这里是“en”表示英语；cmn-hans表示简体中文（zh-CN也是中文模式，以前版本）
head元素：<head></head>文档头，文档头内部的内容，不会显示在页面上
meta元素：文档的元数据，附加信息，不显示在网页，主要是告诉浏览器相应的信息。
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 解决ie浏览器的使用，将ie浏览器内核切换为edge内核 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 适配各种用户，pc端，手机端等 -->
字符编码表：中国使用GB2312，台湾使用GBK（计算机使用的字典）
title元素：网页标题,在网页标题显示。
<title>第一个网页</title>
body元素：文档体，页面所需要显示的内容，以及参与显示的元素，都应该放置在文档体当中。
<!--超链接-->
<a href="https://blog-coral-rho.vercel.app/" title="这是全局属性">这是超链接技术分享</a>
<h1>第一个网页</h1>
<img src="C:\Users\admin\Desktop\乱\2.0.png" alt="绝对路径">
<!-- src属性是必须的，它的值是图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。 -->
</body>
网页代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第一个网页</title>
</head>
<body>
<!--超链接-->
<a href="https://blog-coral-rho.vercel.app/" title="这是全局属性">这是超链接技术分享</a>
<h1>第一个网页</h1>
<img src="C:\Users\admin\Desktop\乱\2.0.png" alt="绝对路径">
</body>
</html>
