前端HTML【标签】

学习目标：

块属性标签、行属性标签、行块属性标签

---

学习内容：

一、块属性标签 

1.块属性标签的特点：

   (1)上下排列 独占一行

   (2)支持设置宽高

   (3)如果不设宽高，宽高自动充满父容器，高度由内容决

2.有开始标签和结束标签的叫双标签，只有一个标签的叫单标签。

3.

常见块标签

div	标签一般没有意义 用来划分段落
p	段落标签
h1-h6	标题标签  其中：h1标签一般在网页中只有一个
ul>li	无序列表
ol>li	有序列表

---

• 二、行属性标签

1.行属性标签特点：

   (1)左右排列

   (2)不支持设置宽高

   (3)不支持上下的margin和targin

2.

常见行标签

span	放置文字
a	超链接 用来跳转网页
target 跳转方式	_self 默认
	_blank打开新的页面

a 标签 href 属性：

1.可以用来放置网页地址：（相对路径  网络路径 绝对路径）
2.###无效连接
3.#返回顶部
4.可以为空 刷新页面

3.

相对路径：
(1)  平级直接写文件名
(2)   /代表下一级
(3)  ../代表返回上一级

---

三、行块属性标签

1.常见行块标签：

 img行块属性标签的特点:

(1)左右排列

(2)支持设置宽高

2.

img标签属性：
(1)src:用来放置图片的地址（相对地址 绝对地址 网络地址 ）
(2)alt:图片加载失败提示信息
(3) title:鼠标移入提示信息（其他标签也有）