二、HTML标签（上）_标签往上heml的定义-CSDN博客

本文链接：https://blog.csdn.net/Zzh1110/article/details/123208893

1.HTML语法规范：

   （1）由尖括号包围的关键词，<html>
   （2）双标签：通常是成对出现的。
   （3）单标签：有些特殊的标签必须是单个标签，例如<br />。

2.标签关系：

（1）双标签可以分为包含关系和并列关系。

3.HTML基本结构标签：

（1）根标签：<html></html>

（2）文档的头部：<head></head>

（3）文档的标题：<title></title>

（4）文档的主题：<body></body>

4.VSCode 生成骨架标签新增代码：

   （1）<!DOCTYPE>标签：文档类型说明，作用就是告诉浏览器使用哪种HTML版本来显示网页。
       <!DOCTYPE html>
       声明位于文档的最前面位置，处于<html>标签之前。并且它不是一个HTML标签，它就是文档类型声明标签。
   （2）lang语言：定义当前文档显示的语言。
       <html lang="en">
   （3）字符集charset：为了计算机能够识别和存储各种文字，用来规定HTML文档应该使用哪种字符编码。
       <meta charset="UTF-8">

5.HTML常用标签：

   （1）标签语义：标签的含义。使页面结构更清晰。
   （2）标题标签：<h1>-<h6>。
   （3）段落和换行标签：
       段落标签：<p></p>。分段
       换行标签：<br/>。换行

   （4）文本格式化标签
       加粗：<strong></strong>或<b></b>
       倾斜：<em></em>或<i></i>
       删除线：<del></del>
       下划线：<ins></ins>
       <div>和<span>标签：没有语义，类似于一个盒子，用来装内容。
           <div>标签用来布局，一行只能放一个<div>，大盒子。
           <span>标签用来布局，一行上可以放多个<span>，小盒子。
       图像标签
           路径：<img src="图.jpg"/>
               相对路径：图片相对于HTML页面的位置
                   同一级路径：图像文件与HTML文件处于同一级位置。
                   下一级路径：图像文件位于HTML文件的下一级。<img src="images/img.jpg" />
                   上一级路径：../
               绝对路径：目录下的绝对位置或网站的完整地址。
           <img src="图2.jpg" alt="图像显示不出来时" />
           <img src="图.jpg" title="提示文本，鼠标放到图像上提示的文字" />
           给图像设置宽度、高度、边框：<img src="图.jpg" width="500" height="500" border="15" />

   （5）超链接标签：
       由一对<a></a>标签构成：
           必须要的属性href：用于指定链接目标的url地址。
           属性target：用于指定链接页面的打开方式，_self为默认值，_blank为新窗口中打开方式。
           外部链接：<a href="http://www.baidu.com" target="_blank">
           内部链接：网站页面之间的相互链接。
               <a href="index.html">首页</a>
           空链接：<a href="#">首页</a>
           下载链接：href里面地址是一个文件或者压缩包。<a href="img.zip">下载文件</a>
           网页元素链接：为网页中的各种网页元素添加超链接。<a href="http://www.baidu.com"> <img src="图.jpg"> </a>
           锚点链接：点击链接可以快速定位到页面中的某个位置。（同一页面）
               在href属性中，设置属性值为#名字的形式。如：<a href="#two">第2集</a>
               找到目标位置标签，里面添加一个id属性=刚才的名字。如：<h3 id="two">第2集介绍</h3>