HTML文本中网址的调用

1.在HTML文本中添加网页的链接采用以下语句：

<a herf="http://www.baidu.com">这是个百度的链接</a>

2.作为一个初学者，犯了一个很容易忽视的错误，就是在输入的地址的时候，没有输入“http://”，导致不能链接到这个网页。

3.“这是个百度的链接”是在网页上的蓝色的字体，只要点击这个字体就可以跳转到这端文字链接的地址。

1、图像链接

图片超链接和文字超链接是一样的，在图像上插入链接：点击图片，跳转页面：<a></a>之间插入<img/>元素。如：<a href="超链接地址"><img src="路径" alt="替代文本"></a>。（如图）

2、局部链接

在某种情况下，我们不希望整张图片加链接。希望的效果是：点击图片某个区域，链接到某地址。是通过map标签和<area>标签结合使用的。如：

(1)、<img src="超链接地址" alt="替换文本"  usemap="#map名称" width="链接区域宽度"  height="链接区域高度"/>

(2)、<map name="map名称" id="id名称"><area shape="描述区域的形状" coords="坐标" href="链接地址" target="打开方式" alt="替换文本" /></map>

扩展资料：

<img>元素向网页中嵌入一幅图像。

img元素的属性：

(1)、src：图片来源URL。

(2)、alt:规定图像的替代文本。

(3)、height和width:单位为像素，如果不指定，则为默认；如果只指定height或width，则自动调整大小。

(4)、ismap ：将图像定义为服务器端图像映射。

(5)、usemap：将图像定义为客户器端图像映射。

(6)、longdesc： 指向包含长的图像描述文档的 URL。

<map>元素定义一个客户端图像映射。

map元素的属性：

(1)、id:为 map 标签定义唯一的名称。

(2)、name:为 image-map 规定的名称。

注意：<img>中的 usemap 属性可引用 <map>中的 id 或 name 属性（取决于浏览器），所以应同时向 <map>添加 id 和 name 属性。

<area>元素定义图像映射中的区域。

area元素的属性：

(1)、alt:规定图像的替代文本。

(2)、shape：用于描述区域的形状，rect\poly\circle\default可选,default指的是还没有被定义的区域。

(3)、coords：指定区域的坐标。比如矩形有4个坐标，前两个是左上角的x,y坐标，后两个是右下角的x,y坐标。

(4)、href和nohref：href指定目的的链接，如果不指定href属性，则需要指定nohref，nohref="nohref"

(5)、target：和<a>标签的作用一样。

注意：area 元素永远嵌套在 map 元素内部。

参考资料：

百度百科-链接图像

超链接是WWW的基础，也是其核心。单击这些链接，就能从当前Web页跳转进入另外一个Web网页。事实上，这些链接能把用户带到Internet的任何一个部分。就比如说咱们经常浏览的新闻！链接包括许多种，这里介绍最常用的两种：1）内部链接：链接到本地页面（相对地址：描述了从一个页面到另一个页面的路径，而不是Internet的完整地址。1、2、6明显的是内部链接）2）外部链接：链接到外部的页面，比如百度、新浪之类的。（绝对地址：描述的不是两个文件相对的路径关系，它描述的是在互联网的独立地址，包括域名和目录地址。3、4明显的是外部链接）1、相对路径链接（上级找下级）<a href=“news/news.htm”>最近新闻</a>2、相对路径链接（下级找上级）<a href=“../../news.htm”>新闻中心</a>3、绝对路径链接<a href=“http://www.hao.com/news/news.htm”>热门新闻</a>4、链接到其他站点的链接<a href=“http://www.baidu.com”>百度首页</a>5、链接到email<a href=“mailto:fdshjfsdjk@163.com”>投诉邮箱</a>6、下载链接<a href=“aa.zip”>文件下载</a>7、超链接的锚标记应用（尤其是大家看到百度百科里面的内容）<a href=“#mingxing”>明星学员</a><a name=“mingxing”>我们要努力当明星学员</a>

---