HTML初识
web标准的构成

工具准备-VSCode
由于国内下载慢,故有如下下载链接:
安装好后需要用到的插件名为open in browser
需要汉化的直接在拓展商店里查询 Chinese即可,拓展商店如下图所示:

代码规范
1、代码注释
作为一名合格的程序员,在写代码时,其有一定的注释是很有必要的,其注释的作用如下所示:

HTML标签的组成和关系
1、标签的结构

双标签如:<body></body>、<html></html>等等
单标签如:<br>、<hr>等等
2、标签间的关系
(1)、父子关系(嵌套关系)
<head>
<title></title>
</head>
(2)、兄弟关系(并列关系)
<head></head>
<title></title>
常用标签
1、标题标签
<h1>一级标题</h1> <h2>二级标题</h2> ......
共6级标签,其特点如下所示:

<!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>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</body>
</html>
(注:在VSCode中,在空html文件中,输入!和回车即可生成模板)
网页显示结果如图所示:

2、段落标签
段落标签<p></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>
<p>这是一个段落</p>
</body>
</html>


3、换行标签

4、水平分割线标签

<!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>
<hr>
<p>这是一个段落</p>
<hr>
</body>
</html>

5、文本格式化标签

6、图片标签







7、音频标签

8、视频标签

9、超链接标签

10、列表标签


暂时就写这么多标签,如若需要更多,请点击这里
路径问题
1、绝对路径

2、相对路径

