唉,最近很忙,趁今天休假,抽出点时间,写第六步!
好了,回顾上一步,我们讲到了文字的一些效果,今天,我们继续来讲:如何给文字做链接?
这一步,我暂时不讲路径的知识,因为那相对于你们来说,太难理解了。。这步只讲如何做链接,路径的知识后面再讲。
按照前几步学习过的知识,我们来建两个文件,一个命名为:index.htm 另一个命名为:index2.htm
在index.htm文件的BODY标记中输入这段代码:链接到index2.htm
在index2.htm文件的BODY标记中输入这段代码:链接到index.htm
完成了吧,那就打开其中的一个文件,点击那显示的文字,看看是什么效果。。。
呵呵,是不是点击了就链接到其它页面去了
好了,完成实验,我们就来理解一下这是怎么回事,看代码:
链接到index2.htm
看得明白吗?呵呵,其实很简单,跟我们上面学习的都差不多的,只是它多了一段代码,知道是多了哪一段吗?
如果把里的href = "index2.htm删除了,
那么,代码就成了:链接到index2
呵呵,这段代码跟我们上一步学习的完成一样,只不过是标记换了
链接标记就是
但是,单单一个链接标记是不行的呀,还要指定链接到哪个页面呢,所以:href = "index2.htm就出来了
<标记 属性="值">内容标记>
链接到index2.htm
就是标记
href就是标记的一个属性了,作用是指定链接到哪里去。这个属性的值就是index2.htm
那么就是链接到index2.htm这个文件了。。
不知道大家有没有注意到,这只是在同一个页面打开的链接,我们平时上网,打开网页时,有的网页是新建一个窗口打开链接的呀,这个又要怎么样才可以实现呢?
其实这个更简单,我先说一下:
<标记 属性="值">内容标记>
链接到index2.htm
这段代码的标记只有一个属性href
我要告诉大家的是,一个标记可以有多个属性的,如:
<标记 属性="值" 属性2="值2" 属性3="值3">内容标记>
结构就是这样了,每个属性之间,用空格分开就可以了。。
如果要新建一个窗口打开网页,我们可以加入target属性,如:
链接到index2.htm
大家可以在原来的代码上加上 target="_blank" 这段,再来打开试试
target属性的作用是指定在哪里打开链接,它的值就是_blank 只要指定这个值,就会新建窗口打开了,当然,还有其它的值,看下面:
_blank,在新窗口显示目标网页 (我们用的就是这个)
_self,在当前窗口显示目标网页
_parent,框架网页中当前整个窗口位置显示目标网页
_top,框架网页中在上部窗口中显示目标网页
经过上一步的学习,了解到一个标记可以有多个属性,那么,我们来学习这一步就容易多了。
先来看下代码:
明白是什么意思吗?呵呵,要在网页中插入图片,这时我们就要用到img标记了。
先来看看第一个属性src,src属性是指定图片的路径的。。。
src="images.jpg" 这个的意思就是:显示images.jpg这个图片
第二个属性width,指定图片的宽度,单位默认为像素
width="300" 这个指定了图片的宽度为300像素
第三个属性height,指定图片的高度,单位默认为像素
height="225" 这个指定了图片的高度为225像素
除了这几个属性外,img标记的属性还有很多,我这就不一一解释了,还是那句老话:要学会搜索。有需要自己上www.google.com或www.baidu.com搜索吧。
电话咨询
在线咨询
微信咨询