HTML中的标签

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

标签	显示效果
<b></b><strong></strong>	文字以粗体的方式显示（推荐使用strong）
<i></i><em></em>	文字以斜体的形式显示（推荐使用em）
<s></s><del></del>	文字以加删除线方式显示（推荐使用del）
<u></u><ins></ins>	文字以下划线的方式显示（不赞成使用u）

注意：

b只是加粗，但是strong除了可以加粗还有强调的意思，语义更强烈

剩下的同理

---

---标签的属性：

使用HTML制作网页时，如果想让HTML提供更多的信息，可以使用HTML标签的属性加以设置

基本格式为：

<标签名    属性1="属性值1"  属性2="属性值2".......> 内容  </标签名> <手机  颜色 = "红色"  大小 =  "5寸">        <手机>

---

---图像标签img（重点）:

要想在网页中显示图像就需要使用图像标签，

基本语法：

<img  src  =  "图像"  />

该语法中src属性用于指定图像文件的路径和文件名，他是img标签的必需属性

属性                        属性值                        描述

src                         URL                               图像的路径

alt                          文本                               图像不能显示时替换文本

title                        文本                                鼠标悬停时显示的内容

width                     像素                                设置图像的宽度

height                    像素                                设置图像的高度

border                    数字                                设置图像边框的宽度

代码如：

<h4> 正常的图片：</h4> <img src = "tim.gif"  /> <h4> 带有alt 替换文本：（图片不能正常显示，就显示文字） </h4> <img src = "tim.gif"  alt = "显示文字"> <h4> 带有title 提示文本：（鼠标放到图片上，就显示文字） </h4> <img src = "tim.gif"  title = "显示文字"> <h4> 修改图片的大小，宽度width，高度height   </h4> <img  src = "tim.gif"  title = "显示文字"   width="600"  height="600"  /> <h4>带边框的标签</h4> <img  src = "tim.gif"  title = "显示文字"   width="600"  height="600"  border ="10"   />

注意：

1.标签可以拥有多个属性，必须写在开始标签中，位于标签名后面

2.属性之间不分先后顺序，标签名与属性，属性与属性之间均与空格分开

3.采取  键值对  的格式  key=="value"的格式

---

---链接标签

在HTML中创建超链接非常简单，只需要用标签把文字包括起来就好

语法格式如：

<a href = "跳转目标"  target = "页面弹出的方式">文本或者图像</a>

属性                                作用

href                                用于指定链接目标的url地址，（必须属性） 当为标签应用href属性时，                               它就具有了超文本模式

target                             用于指定链接的打开方式，其取值有self和blank两种，其中self为默认，

                                      blank为在新窗口中打开

<h4>外部链接: </h4> < a href=" ">百度一哈</ a> < a href="http://www.sohu.com">搜狐</ a> <h4>内部链接: </h4> < a href="demo. html">胡哥哥</ a> <h4>空链接: </h4> < a href="#">霍建华</ a> <h4>图像链接: </h4> < a href="http://www.baidu.com"> < img src="timg.jpg" /> </ a>

---

路径

同一级：<img src = "tim.gif"  />

下一级路径：<img src = "images/tim.gif"  />

上一级路径：<img src = "../tim.gif"  />