网页中想要跳转到另外的一个页面就需要使用到超链接。语法形式:
<a href="http://www.baidu.com">百度链接</a>
一、超链接标签
一般而言这样是最简单的方式进行页面超链接跳转,但是还存在其他的属性。
- 在为了有利于搜索引擎检索你的内容时,添加title属性;
- 而且还有一种需求,就是在何处打开你所链接的页面,这时需要用到target属性;
- 大部分的超链都只具有一个href属性,但是作为建议还应添加上title属性,形如:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>超链接</title> </head> <body> <a href="http://www.baidu.com" title="百度" target="_target">百度链接</a> </body> </html>
target常用属性说明:
- _blank:在新的窗口之中打开链接页面;
- _self:在自身窗口打开链接页面,默认;
- _parent:现在的页面如果没有父框架,一般使用这个与_self基本上是一样的。
二、图片
现在大部分网页都具备图片元素,在正常情况下,直接使用标签进行图片加载:
<img src="img.jpeg" />
src属性值是图片的路径,可以是相对路径,也可以是绝对路径,一般使用的图片资源会整合在网页项目的某个文件下面,以便于调用和管理。
img也具有一些比较常用的其他元素:
- title: 这个属性是鼠标悬停在图片上,显示的提示信息;
- alt : 这个属性是当图片出现意外情况,图片没有正确显示的文本替换。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>超链接</title> </head> <body> <img src="img.jpeg" title="pic" alt="image" /> </body> </html>
很多时候图片不是作为单独的使用,除非图片作为资源专程显示某些内容。
图片元素如今可以说是如今网页不可或缺的元素,所以在真正使用到图片的时候并不简单,比如轮播图,背景图或者图标等等,或许作为背景图,或许配合动画效果,是网页更加具有表现力。