一.html5的基本框架：
<!DOCTYPE html>
<html lang="zh-CN">
<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>我利用vscode创建的第一个页面!</title>
</head>
<body>写代码是一件非常快乐的事情！
</body>
</html>1.<!DOCTYPE>向浏览器表明使用哪种html版本来显示网页，位于文档中的最前面位置，处于<html>标签之前，它不是一个HTML标签，是文档类型声明标签。
<!DOCTYPE html>：使用html5来显示网页。
2.lang表示语言
lang=“en”：英文网站 lang=“zh-CN”：中文网站
3.字符集：<meta charset="UTF-8">,不写会引起乱码
二.标签
1.标题标签：
<!DOCTYPE html>
<html lang="zh-CN">
<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>我利用vscode创建的第一个页面!</title>
</head>
<body><h1>这是一级标题</h1><h2>这是二级标题</h2><h3>这是三级标题</h3><h4>这是四级标题</h4>写代码是一件非常快乐的事情！
</body>
</html>
2.段落标签：
<!DOCTYPE html>
<html lang="zh-CN">
<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>我利用vscode创建的第一个页面!</title>
</head>
<body><p>这是一个段落</p><p>这是一个段落</p><p>这是一个段落</p>写代码是一件非常快乐的事情！
</body>
</html> 
3.连接标签：
<!DOCTYPE html>
<html lang="zh-CN">
<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>我利用vscode创建的第一个页面!</title>
</head>
<body><a href="https://www.baidu.com">百度</a></body>
</html> 
4.图像标签：
<!DOCTYPE html>
<html lang="zh-CN">
<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>我利用vscode创建的第一个页面!</title>
</head>
<body><img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Farticles.csdn.net%2Fuploads%2Fallimg%2F121017%2F173-12101F920370-L.jpg&refer=http%3A%2F%2Farticles.csdn.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1663650869&t=da3dbdd469746695ca9185f790dc9191">
</body>
</html>
5.表格标签：
<table>表示表格；border="1":带边框
<tr>:每个表格分成若干行；<td>:每行被分割为若干单元格；<th>:表格的表头
<!DOCTYPE html>
<html lang="zh-CN">
<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>我利用vscode创建的第一个页面!</title>
</head>
<body><table border="1"><tr><th>表头1</th><th>表头2</th></tr><tr><td>1行1列</td><td>1行2列</td></tr><tr><td>2行1列</td><td>2行2列</td></tr></table>
</body>
</html> 
6.列表标签：
列表标签分为三种：无序标签（ul），有序标签（ol），自定义标签（dl)
<!DOCTYPE html>
<html lang="zh-CN">
<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>我利用vscode创建的第一个页面!</title>
</head>
<body><ul><li>列表项</li><li>列表项</li><li>列表项</li></ul><ol><li>列表项</li><li>列表项</li><li>列表项</li></ol><dl><dt>服务</dt><dd>列表项</dd><dt>关注</dt><dd>列表项</dd><dt>帮助</dt><dd>列表项</dd></dl>
</body>
</html>
7.分组标签：
<div>具体内容</div>
<span>具体内容</span>8.语义标签：
<header> 规定文档或节的页眉。
<footer> 定义文档或节的页脚。
<main> 规定文档的主内容。
<section> 定义文档的节。
<article> 定义文档的文章。
<aside> 定义页面内容以外的内容。
<nav> 定义导航链接。
<mark> 定义重要的或强调的文本。
<figure> 规定自包含内容，比如图示、图表、照片、代码清单等。
<figcaption> 定义 <figure> 元素的标题。
<details> 定义用户能够查看或隐藏的额外细节。
<summary> 定义 <details> 元素的可见标题。
<time> 定义日期/时间。
9.表单标签：
<form> 定义供用户输入的表单。
<input> 定义输入域。
<label> 定义了 <input> 元素的标签，一般为输入标题。
<textarea> 定义文本域 (一个多行的输入控件)。
<fieldset> 定义了一组相关的表单元素，并使用外框包含起来。
<legend> 定义了 <fieldset> 元素的标题。
<select> 定义了下拉选项列表。
<optgroup> 定义选项组。
<option> 定义下拉列表中的选项。
<button> 定义一个点击按钮。
<datalist> 指定一个预先定义的输入控件选项列表。
<keygen> 定义了表单的密钥对生成器字段。
<output> 定义一个计算结果。
