前端之HTML的常用标签（上）

文本格式化标签

在网页中，有时需要设置文字的粗体，斜体或者下划线等效果，需要用的HTML中的文本格式化标签，使文字以特殊的方式显示。

1.1标签语义突出重要性，比普通文字更重要。

1.2div和span标签

div和span是没有语义的，他们相当于一个盒子，用来装内容的盒子。
需要注意的是，div标签占用一行，而span标签可以一行多个。

1.3图像标签和路径（重点）

1.3.1图像标签

属性	属性值	说明
src	图片路径	必须属性。
alt	文本	替换文本。图像不能显示文字。
title	文本	提示文本，鼠标放到图像上，显示文字。
width	像素	设置图像的宽度。
height	像素	设置图像的高度。
border	像素	设置图像的边框粗细。

1.3.2路径

（1）目录文件夹和根目录
目录文件夹：普通文件夹，里面放置的是页面所需要的相关素材，如html文件，图片等。
根目录：打开目录文件夹的第一层就是根目录。
（2）相对路径

相对路径分类	符号	说明
同一级路径		图像文件位于HTML文件同一级。
下一级路径	/	图像文件位于HTML文件下一级。
上一级路径	…/	图像文件位于HTML文件上一级。

（3）绝对路径
指的是目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。
注意的点是，绝对路径的斜杠是这样的，\与相对路径的/不想同，这点很重要。

1.4超链接标签

在HTML中，

<a>标签用于定义超链接，作用是从一个页面链接道另一个页面。

1,4,1链接的语法格式

<a href="跳转目标" target=“目标窗口的弹出方式”> 文本或图像</a>

属性	作用
href	用于指定链接目标的url地址，当为标签应用href属性时，它有具有了超链接的功能
target	用于指定链接也免得打开方式，其中_self为默认值，_blank 为在新窗口打开方式。

1.4.2链接分类：
1.外部链接，
例如

<a herf="http://www.baidu.com" target="_blank">百度</a>

1.4.3内部链接

<a herf="index.html">首页</a>

1.4.4空链接

<a herf="#">首页</a>

1.4.5下载链接，如果href里面地址是一个文件或者压缩包，会下载这个文件。

<a herf="img.zip">下载文件</a>

1.4.6网页元素链接：在网页中的各种网页元素，如文本，图像，表格，音频，视频等都可以添加超链接。

<a herf="http://www.baidu.com"><image src="img.jpg"></a>