html各种常用标签
1.水平线
水平线既可以存在于标题中，也可能存在于body中
水平线的格式和属性：
<hr color="" width="" size="" align=""/>
color：设置水平线的颜色
1
width：设置水平线的长度
2
size：设置水平线的高度
3
align：设置水平线的对齐方式（默认居中），可取值left|right
2.文本换行标签
<p>这个<br>段落<br>演示了分行的效果</p>
使用br在一个段落内可以达到换行的效果
3.图片标签
<img src="" alt="" title="" width="" height="">
主要的属性：
src：路径（图片地址与名字）
1
alt：规定图像的替代文本
2
width：规定图像的宽度
3
height：规定图像的高度
4
title：鼠标悬停在图片上给予
4.绝对路径和相对路径
绝对路径是从哪个盘开始的最详细的文件路径
E:\itbaizhanCode\1.jpg
<img src="E:\itbaizhanCode\1.jpg">
相对路径是相对于这个html来说要调用的文件的地址
1
⼦级关系:
/
2
⽗级关系:
../
3
同级关系:
./
- / → 往里面走（进子文件夹）
- ../ → 往外面走（回上一级文件夹）
- ./ → 就在旁边（同一级文件夹）
5.超链接标签
超链接标签只能通过a 来访问
<a href="url">链接文本</a>
6.超链接的锚点标签
锚点标签是通过id来调用的，以确定是哪个段落
超链接的锚点标签就像是网页里的 "快速跳转器"，能让你一点就跳到同一页面的某个指定位置，不用手动滚动查找。
它分两部分：
- 先给目标位置 "做个标记"（比如页面中部的某个标题）
- 再做一个 "跳转链接"，点击后就会直接飞到这个标记处
举例：
比如你在网页顶部放了个目录，想点 "第三章" 就直接跳到页面下方的第三章内容：
- 先在第三章内容那里做标记（用 id 属性）：
<h2 id="chapter3">第三章：主要内容</h2> <p>这里是第三章的具体内容...</p>
2.然后在顶部目录做一个跳转链接（用 #加标记名）：
<p>目录：<a href="#chapter3">点击跳转到第三章</a></p>
7.常用文本标签
<em>
定义着重文字
<b>
定义粗体文本
<i>
定义斜体字
<strong>
定义加重语气
<sub>
定义下标字
<sup>
定义上标字
<del>
定义删除字
<span>
元素没有特定的含义
以下为实例：
<!DOCTYPE html>
<html>
<head><title>文本标签示例</title>
</head>
<body><h3>各种文本标签的使用示例：</h3><p>1. <em>这个文本是着重强调的（通常显示为斜体）</em></p><p>2. <b>这个文本是粗体显示（仅视觉上加粗）</b></p><p>3. <i>这个文本是斜体显示（常用于外文词汇等）</i></p><p>4. <strong>这个文本是加重语气的（通常显示为粗体，带有重要性含义）</strong></p><p>5. 化学公式：H<sub>2</sub>O（<sub>定义下标，这里表示2个氢原子</sub>）</p><p>6. 数学公式：a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup>（<sup>定义上标，这里表示平方</sup>）</p><p>7. 原价：<del>199元</del>，现价：99元（<del>定义删除线，表示已删除的内容</del>）</p><p>8. <span style="color:red">这个文本用span包裹</span>，<span style="font-size:20px">span本身无含义，主要用来单独设置样式</span></p>
</body>
</html>