一、标签的基本关系
1、包含关系
2、并列关系
<html>
<head></head>
<body></body>
</html>二、常用标签
1、标题标签 <h1> - <h6>
作为标题使用，重要性依次递减
特点：
- 加了标题的文字会变得加粗，字号也会变大
- 一个标题独占一行
2、段落<p></p>和换行标签<br />
- <p></p>可以把文字分成几个段落
- <br />强制换行 属于单标签
3、 文本格式化标签
| 语义 | 标签 |
| 加粗 | <strong></strong>或<b></b> |
| 倾斜 | <em></em>或<i></i> |
|
| <del></del>或<s></s> |
| 下划线 | <ins></ins>或<u></u> |
4、 <div>和<span>标签
<div>和<span>是没有语义的，它们就是一个盒子，用来装内容的
特点：
<div>标签用来布局，但是现在一行只能放一个<div>,大盒子
<span>标签用来布局，一行可以多个<span>，小盒子
5、 图像标签和路径
（1）图像标签 <img src="图像URL" />
src是<img>标签的必须属性，它用于指定图像文件的路径和文件名
其他属性：
| 属性 | 属性值 | 说明 |
| src | 图片路径 | 必须属性 |
| alt | 文本 | 替换文本，图像不能显示的文字 |
| title | 文本 | 提示文本，鼠标放到图片上，显示的文字 |
| width | 像素 | 设置图像的宽度 |
| height | 像素 | 设置图像的高度 |
| border | 像素 | 设置图像的边框粗细 |
注意：1.图片标签可以有多个属性，必须写在标签名img后面
2.属性之间不分先后，中间以空格分开
3.属性采取键值对的格式，及 属性=“属性值”
（2）路径 （分为 相对路径 和 绝对路径）
相对路径：以引用文件所在位置为参考而建立出的目录路径
| 相对路径分类 | 符号 | 说明 |
| 同一级路径 | 图形文件位于HTML文件的同一级 如<img src="baidu.gif" /> | |
| 下一级路径 | / | 图形文件位于HTML文件的下一级 如<img src="images/baidu.gif" /> |
| 上一级路径 | ../ | 图形文件位于HTML文件的上一级 如<img src="../baidu.gif" /> |
绝对路径：指目录下的的绝对位置，通常是从盘符开始的 \
6、 超链接标签
<a> 用于定义超链接，作用是从一个页面链接到另一个页面
（1）语法格式
<a href="跳转目标" target="目标窗口弹出方式"> 文本或图像 </a>
| href | 用于指定连接目标的ur地址，必须属性，当为标签应用href属性时，它就具有了超链接的功能 |
| target | 用于指定连接页面的打开方式，其中_self为默认值，_blank为在新窗口中的打开方式 |
（2）分类
a.外部链接 <a href="http://www.qq.com" target="_blank"> 腾讯</a>
b.内部链接 <a href="09-图像标签.html" target="_blank"> 图像</a>
c.空连接 <a href="#" target="_blank"> 公司地址</a>
d.下载链接 <a href="img.rar" target="_blank"> 下载文件</a>
e.网页元素连接：图片、文本、视频等可以添加超链接<a href="http://www.baidu.com" target="_blank"> <img src="img.jpg"></a>
f.锚点链接：点击链接可以直接快速定位到页面的某个位置
在链接文本的href属性中，设置属性值为”#名字“的形式，如<a href="#two">第2集</a>
找到目标位置标签，里面添加一个“id=名字”，如<h3 id="two">第2集介绍</h3>
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
