HTML标签的基本使用

一、标题标签

       1、  一般用在新闻标签、文章标签、网页区域名称、产品名称等等。

       2、标签名：h1~h6（双标签）

        3、显示特点：文字加粗、字号逐渐减小、独占一行（换行）

注：h1标签在一个网页中只能使用一次，用来放新闻标题或网页的logo，h2~h6没有使用次数的限制。

二、段落标签

      1、一般用在新闻段落、文章段落、产品描述信息等等。

      2、标签名：p（双标签）

      3、显示特点：独占一行、段落之间存在间隙

三、换行与水平线标签

     1、换行：<br>（单标签）

        注：不可以直接使用Enter键换行，因为浏览器识别不了代码中的Enter键！

    2、水平线：<hr>(单标签）

四、文本格式化标签

     作用：为文本添加特殊格式，以突出重点。常见的文本格式：加粗、倾斜、下划线、删除线等。

     第一种：

标签名	效果
strong	加粗
em	倾斜
ins	下划线
del	删除线

第二种：

标签名	效果
b	加粗
i	倾斜
u	下划线
s	删除线

对比如下：

代码：

结果：

                            

注：结果显示的效果差不多，但是一般会使用第一种，因为自带强调含义（语义），工作与学习重点学习！

五、图像标签

 ·基本使用：

       1、作用：在网页中插入图片

       2、格式：<img src="图片的URL">

      注：src用于指定图像的位置和名称，是<img>的必须属性。

·属性：

属性	作用	说明
alt	替换文本	图片无法显示的时候显示的文字
title	提示文本	鼠标悬停在图片上面的时候显示的文字
width	图片的宽度	值为数字，没有单位
height	图片的高度	值为数字，没有单位

例：<img src="./cat.jpg"  alt="替换文本"   title="提示文本">

1、属性名="属性值"

2、属性写在尖括号里面，标签名后面，标签名和属性之间用空格隔开，不区分先后顺序。

六、路径

1、 路径指的是查找文件时，从起点到终点经历的路线。

2、路径分类：（1）相对路径：从当前文件位置出发查找目标文件（一般用于自己电脑找文件）

                              /表示进入某个文件夹里面

                              ·表示当前文件所在文件夹

                             ··表示当前文件的上一级文件

                        （2）绝对路径：从盘符出发查找目标文件，Windows电脑从盘符出发，Mac电脑从根目录出发。（友情链接）

                         Windows默认是\，其他系统是/，建议统一写为/。