HTML（超文本标记语言），可用来构建网页，告诉浏览器如何组织页面的标记语言。
一个HTML由众多不同的元素组成，每一种元素都可以根据自己的特点对元素内部的内容进行编辑。
如果我们想在页面上显示“Hello World！”，我们可以用一个<p>标签来实现
<p> Hello World! </p>在上面这个例子中，“Hello World！”被一对<p>标签包裹，
最前面的<p>称为开始标签
最后面的</p>称为结束标签（结束标签比开始标签会多一个”/“）
而中间我们输入的Hello World！则称为内容
上述的这些组合起来，便形成了一个简单的HTML元素
现在，我们新建一个记事本，把上面的代码输入进去，保存后将文件的后缀改为“.html”，我们就能得到下面的效果
这样我们就完成了一个简单的HTML。（能编写html的编辑器有很多种，这里比较推荐vs code）
元素种类
在html中，有各种不同的元素，他们有这各自不同的功能和属性，可以让你的页面实现更多的功能。
1.嵌套元素：很多的元素都能被放到其他的元素里面，这种元素称之为嵌套元素。
比如，我有这样一个元素。
<p> My name is Sue </p>我如果想要强调一下“Sue”这一部分，我们可以用一个<strong>标签来进行嵌套实现，这个标签可以使得字体变粗，起到强调的效果。
<p> My name is <strong> Sue </strong> </p>
这样“Sue”这块内容就会被加粗得到强调
2.块级元素：当我们输入一个块级元素，这些元素会占一整行的空间
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
p {
background-color: black;
}
</style>
</head>
<body>
<p>你好</p>
</body>
</html>将上述的代码放到编辑器里，再打开浏览器，我们会发现，这个p元素占据了整整一行的大小
更多的块级元素有：<div>、<p>、<ul>、<ol>、<li>等等
3.内联元素：内联元素通常和块级元素一起出现，他通常会和文本结合，可以实现强调文本、超链接、插入图片等多种功能。
如果我们想从一个页面跳到另外一个页面，或者只跳到当前页面的某个位置，我们可以用<a>标签来实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="http:baidu.com">点击我!</a>
</body>
</html>上面的例子中我们在a元素中输入了“点击我！”，这样使得我们可以通过鼠标点击这个文本来实现跳转的功能，而a元素中的“href”的作用则是指明了当我们点击文本后要跳转到哪里去，他里面可以是一个网址，也可以是你自己的计算机里面某个文件的地址。
当然，我们不仅可以通过点击文本来实现跳转的效果，我们还可以通过点击一些图片等来实现跳转的效果，我们会在后面说到
4.内联块级元素：这些元素和内联元素很相似，但可以通过设置来改变他们的高度和宽度。
如：<img>、<button>等
5.空元素：这些元素没有闭合标签，不p元素一样有开始标签和结束标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img src="example.jpg" alt="图片加载失败！" height="100px" width="100px">
</body>
</html>通过上面的示例，我们可以发现<img>元素只有一个标签，这种就是空元素
在示例中的"src"是你要显示的图片的路径，"alt"是当图片丢失，或者图片路径出错，浏览器就会显示里面的内容，我们也可以在里面描述图片的内容，可以起到代替的作用。
元素属性
一个可以拥有自己的属性，这样可以方便我们后续为元素添加一些样式信息
<p class="one"> 你好 </p>这样我们就能在头部（详见下文）为他添加一些样式信息
布尔属性：布尔属性的数值一般和属性名相同，一般用于控制元素（<disable>禁用表单元素，使其不可交互）、自动播放（<autoplay>元素）等
一个标准的html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>一个标准的html文档如上
第一行：声明了HTML的版本类型，指定了这个是HTML5文档
第二行：设置了页面的默认语言，“en”则是默认英语，“zh-CN”则是默认中文
第三行：HTML的头部，他和body元素一起放在了html这个大 的元素里面
头部元素中：
第一行：指定了页面的字符编码，UTF-8是一种广泛使用的字符编码，可以表示世界上大多数语言的字符。
第二行：用来优化移动设备，针对不同的设备有不同的比例
特殊字符的替换
在HTML中，有一些字符很特殊，如<、>、&、"、'等，如果我们要在文本中输入这些，可能会导致浏览器误解我们的意思，最终导致页面出错，所以我们用其他的字符来起到代替效果：
| 原字符 | 代替字符 |
| < | < |
| > | > |
| " | " |
| ' | ' |
| & | & |
HTML的注释
当你变成了一个优秀的程序员，注释则是一个可以让你轻松读懂他人的代码（或是自己几个月前的代码~）那么，如何在HTML中写注释呢？
<!-- 哈哈，我是注释 -->我们只需要用"<!--"和"-->"这两个特殊字符就可以了。
以上就是HTML的基础内容:)
标签：标签,可以,元素,基础,HTML,我们,页面 From： https://blog.csdn.net/2401_84944910/article/details/143434754