HTML基础1-元素与页面的结构
目录
超文本的基本组成：元素(Element)
HTML的head与body
重要元素说明
编码与乱码
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>第一个网页</title>
</head><body><h1>我的第一个网页</h1></body></html>在Vs Code或者webstorm上HTML文件，在输入法是英文输入状态，按下"!"键,再按下"tab"键会自动生成上面的代码。HTML是超文本语言（Hyper Text Markup Language）的缩写。它存在目的是，给Web 浏览器使用它来解释文本、图像和其他材料并将其合成可见或可听的网页，这也是为什么可以在网页上看到文字，图片，音乐，视频，甚至是游戏。
超文本的基本组成：元素(Element)
- 开始标签（Opening tag）：这包括元素的名称（在本例中为 p，表示段落），括在左尖括号和右尖括号中。此开始标签标记元素开始或开始生效的位置。
- 内容(Content)：这是元素的内容。
- 结束标签(Closing tag)：这与 开始标签相同，只是它在元素名称前包含一个正斜杠。这标记了元素结束的位置。未能包含结束标签是一个常见的初学者错误，可能会产生奇怪的结果。
HTML的head与body
HTML文件中，<html></html>元素为根元素，在这个根元素中包含两个元素为head元素与body元素。
head是加载页面时未显示在 Web 浏览器中的部分。它包含元数据信息，如页面<title>、指向 CSS 的链接（如果选择使用 CSS 设置 HTML 内容的样式）、指向自定义网站图标的链接以及其他元数据（有关 HTML 的数据，如作者和描述文档的重要关键字）。
body是显示在页面的内容，在里面写上
<h1>我的第一个网页</h1>上面的页面在浏览打开的样子如下
重要元素说明
<!DOCTYPE html>文档类型声明标签，告诉浏览器这个页面采用html5版本显示页面
<html lang="en">告诉浏览器或者搜索引擎这个是英文网站，本页面采用英文显示。"zh-CN" 简体中文显示。这个标签在一些网站翻译工具检测到用作翻译的源语言。
<meta charset="UTF-8"/ >字符编码，保存的网页文件html将会是二进制码的形式，选择不同的编码会保存成不同的二进制码，当浏览器读取时需要以对应的解码方式才行，不然会出现乱码。现在基本都用采用了"UTF-8"编码用于世界。下图为乱码图，看箭头的位置
编码与乱码
顺便提上一嘴，乱码乱的非英文字符，最早的编码是英文的字符编码，计算机出现在美国，然后计算机技术泛滥，随着其他国家在英文字符编码上发展自己的编码。导致乱码的出现。为了解决这个问题 统一码联盟(The Unicode Consortum)提出统一码（Unicode）的解决方案。UTF-8（Unicode Transformation Format-8）是一种变长编码方案，负责将Unicode码点转换为计算机存储或传输的字节序列。
现在的代码编辑器软件，一般默认使用"UTF-8"，下面是VScode编码与window 的记事本文档，也就是一般不会乱码，除非遇到了上古时期编码的文件
