标题标签

标题标签<h1> - <h6>,其中h1就是一级标题,h2就是二级标题,以此类推

标签语义：作为标题使用，并且依据重要性递减

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

实际效果:

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

特点：

• 从h6到h1,加了标题的文字会变的加粗，字号也会依次变大。

• 一个标题独占一行。

  段落标签和换行标签

<p>标签用于定义段落，它可以将整个网页分为若干个段落。

标签语义：可以把HTML文档分割为若干段落。

<p>美国耶鲁大学研究人员开发出一种新型 mRNA 疫苗平台，旨在显著增强免疫反应、提升 mRNA 疫苗的有效性，并拓展其在多种疾病预防与治疗中的应用潜力。这项发表于最新一期《自然·生物医学工程》的研究表明，这种疫苗平台技术可使未来的 mRNA 疫苗更加可靠和有效。</p>

实际效果:

美国耶鲁大学研究人员开发出一种新型 mRNA 疫苗平台，旨在显著增强免疫反应、提升 mRNA 疫苗的有效性，并拓展其在多种疾病预防与治疗中的应用潜力。这项发表于最新一期《自然·生物医学工程》的研究表明，这种疫苗平台技术可使未来的 mRNA 疫苗更加可靠和有效。

特点：

• 文本在一个段落中会根据浏览器窗口的大小自动换行。
• 段落和段落之间保有空隙。

<br>标签会让段落强制换行.
标签语义：强制换行。

<p>美国耶鲁大学研究人员开发出一种新型 mRNA疫苗平台，旨在显著增强免疫反应、提升 mRNA疫苗的有效性，并拓展其在多种疾病预防与治疗中的应用潜力。<br />这项发表于最新一期《自然·生物医学工程》的研究表明，这种疫苗平台技术可使未来的mRNA 疫苗更加可靠和有效。</p>

实际效果:

美国耶鲁大学研究人员开发出一种新型 mRNA疫苗平台，旨在显著增强免疫反应、提升 mRNA疫苗的有效性，并拓展其在多种疾病预防与治疗中的应用潜力。
这项发表于最新一期《自然·生物医学工程》的研究表明，这种疫苗平台技术可使未来的mRNA 疫苗更加可靠和有效。

特点：

• <br/>是个单标签。
• <br/>标签只是简单地开始新的一行，跟段落不一样，段落与段落之间会插入一些垂直的间距。

文本格式化标签

标签语义：突出重要性，比普通文字更重要

<strong>加粗的文字</strong>

实际效果:加粗的文字

<em>倾斜的文字</em>

实际效果:倾斜的文字

<del>删除线的文字</del>

实际效果:删除线的文字

<ins>下划线的文字</ins>

实际效果:下划线的文字

<div>和<sapn>标签

<div>和<span>是没有语义的，它们就是一个盒子，用来装内容的。

• div是块级元素,独占一行,可以设置宽高
• span是行内元素,一行可以有多个span.

图像标签

<img src="https://123.homeofmjr.top/image/avatar.webp" />

实际效果:

src是<img>标签的必须属性，它用于指定图像文件的路径和文件名。

图像标签的其他属性:

注意:

• 图像标签可以拥有多个属性，必须写在标签名的后面。
• 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
• 属性采取键值对的格式，即key=“value"的格式，属性=“属性值”。

相对路径和绝对路径

相对路径是从代码所在的这个文件出发，去寻找目标文件的，而我们这里所说的上一级、下一级和同一级就是
图片相对于HTML页面的位置。

绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。
例如，D:\web\img\logo.gif或完整的网络地址http://www.itcast.cn/images/logo.gif

超链接标签

语法

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

• href用于指定链接目标的url地址,(必须属性),当为标签应用href属性时，它就具有了超链接的功能
• target用于指定链接页面的打开方式，其中`_self_为默认值，在当前窗口打开,_blank为在新窗口中打开方式。

链接分类

1. 外部链接：例如<a href="http://www.baidu.com">百度</a>。
2. 内部链接：网站内部页面之间的相互链接.直接链接内部页面名称即可，例如<a href="index.html">首页</a>。
3. 空链接：如果当时没有确定链接目标时，<a href="#">首页</a>。
4. 下载链接：如果href里面地址是一个文件或者压缩包，会下载这个文件。
5. 网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接.

6. 锚点链接：点我们点击链接，可以快速定位到页面中的某个位置.

   • 在链接文本的href属性中，设置属性值为#名字的形式，如<a href="#two">第2集</a>
   • 找到目标位置标签，里面添加一个id属性=刚才的名字，如：<h3 id="two">第2集介绍</h3>

注释标签

HTML中的注释以<!--"开头，以”-->结束。

<!--这是一段注释-->

实际效果:(因为是注释不会加载到网页里......)
快捷键:CTRL+/

特殊字符