南京网站制作公司

当前位置: 网站首页 - 新闻动态 - 安优观点 -

第六步:如何给文字做链接?

发布时间:2024-09-02

来源:

第六步:如何给文字做链接?-------转自:xinmo66的空间

唉,最近很忙,趁今天休假,抽出点时间,写第六步!
好了,回顾上一步,我们讲到了文字的一些效果,今天,我们继续来讲:如何给文字做链接?
这一步,我暂时不讲路径的知识,因为那相对于你们来说,太难理解了。。这步只讲如何做链接,路径的知识后面再讲。
按照前几步学习过的知识,我们来建两个文件,一个命名为: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搜索吧。

这步就这样讲完了,呵呵``是不是很简单。。。下一步,我们来讲一下,如何给图片做链接?
由于我们在上一步中学过如何给文字做链接,所以,在学习下一步如何给图片做链接时,将是易如反掌。。。

因为两者都是大同小异的,想知道两者的区别在哪里,请看下一步:如何给图片做链接?

策略思维与细节的完美结合,有效帮您减少试错成本

策略思维与细节的完美结合,有效帮您减少试错成本

立即与安优联系,开启网站设计全新体验

立即与安优联系,开启网站设计全新体验

立即与安优联系
开启网站设计全新体验

立即与安优联系
开启网站设计全新体验

在线咨询

在线咨询

拨打电话

返回顶部

品质设计 用心服务

  • 12年+定制经验

  • 600+客户选择

  • 高效售后保障

7*24小时服务热线