第三课HTML常用标签

1标题标签<h1>-<h6>

2段落标签<p></p>

段落 取单词paragraph

3换行标签<br />4案例实战

5文本格式化标签

1加粗<strong></strong>或者<b></b>

2倾斜<em></em>或者<i></i>

3删除线<del></del>或者<s></s>

4下划线<ins></ins>或者<u></u>

6<div>和<span>标签

<div>和<span>均没有语义，用来网页布局

<div>相当于一个大盒子里面可以装文字和图片，但是自己独占一行

<span>相当于小盒子，一行上可以有多个<span>

7图像标签

<img>标签用于在页面显示图片，

<img src=" 图像URL " />img一个单标签,其中src是图像的必须属性，指明图片在什么地方

图像的其他属性：

属性	属性值	说明
src	图片路径	必须属性
alt	文本	图片不显示时文字代替
title	文本	鼠标点在图片上的提示文字
width	像素	设置图像宽度
height	像素	设置图像高度
border	像素	设置图像的边框相册

src+alt+title的应用

 width+height+border的应用（width和border一般只需要修改其中一个就好）

注：1图像标签有多个属性但必须写在标签名img后面

2属性与属性以空格分开，且属性书写不分顺序

3属性书写格式  属性="  属性值"

8目录文件夹和根目录

目录文件夹其实就是一个文件夹里面包含文字、图片等。

根目录是目录文件夹打开的第一层

9路径

（为了找到图片放在什么位置）路径分为  1绝对路径  2相对路径

路径之相对路径

相对路径指，图片相对于HTML页面在什么位置

相对路径分类	符号	说明
同一级路径		图片与HTML处于同一级，如<img src="baidu.gif" />
下一级路径	/	图片位于HTML下一级，如<img src="images/baidu.gif" />
上一级路径	../	图片位于HTML上一级，如<img src="../baidu.gif" />

图片(hello.jpg)与HTML(第一个页面)处于同一级

图片位于HTML下一级

图片为与HTML的上一级（需要../  点点杠将HTML转换为同一级别引用即可）

路径之绝对路径

绝对路径指的是图片在电脑的什么位置

C:\Users\performer\Desktop\web\hello.ipg  需要注意是\不同相对路径/

也可以直接复制网络图片上的连接