一步步学习html----第四课

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 12:42 点击:

这一课我们主要讲解一下链接的问题:这个也可以定义为超文本链接,标签则是<a>
这个标签的全称是anchor,中文意思是锚;
例子:<a href="http://www.baidu.com">click!</a>
在网页上就会出现一个链接,其文本表现形式就是正反标签中间的click!;
过程:当点击click!的时候,位于internet上的web服务器中的百度网址就会显示在网页浏览器中,就像是用手工输入了地址一样的,这里要补充一下的是:internet地址也称为:统一资源定位符,即大家所见比较频繁的URL;
被链接的网页在新浏览器窗口中打开时,直接在链接中加入一个属性值:target=“_blank”即可,这样子就能在新窗口中打开了,但是由于现在的W3C禁止使用这个属性,所以做验证的时候一般情况下都会报错,这个是必须要注意到的。
今天要讲的东西比较少,主要就是来来往往的链接,页面之间的跳转也是来自于链接的使用,这个让大家自己通过对链接标签的研究去做出来。
然后我们接下来上一下习题课:
1、你小学时候的好朋友通过Internet找到了你,并告诉你他想要和你交换主页链接,你如何在网页上添加一条链接,指向他的网页www.cheapsuits.com/~billybob/?
这个题目难吗?不难!其实上面都有活生生的例子摆在那呢,所以只需要做的是写出下面的这行代码就足矣摆平所有的事情了:
<a href="http://www.cheapsuits.com/~billybob/">好友的主页</a>
这样就可以了。
2、将网页发布到Internet上时,主页将放到http://www.mysite.com/home.html上。在这个页面中编写HTML代码,当访问者单击All about me时,将显示http://www.mysite.com/mylife.html页面。
这也就是一个链接的问题:
<a href="http://www.mysite.com/mylift.html">All about me</a>
同时这个All about me则要放在主页的页面上,才能保证点击之后得到的是我们要的结果。
3、你计划发布一张包含HTML的光盘。如何在\guide目录中的一个页面创建一个指向\guide\maine\katahdin.html页面的链接。
这个就是服务器的问题了,我们只需要做的是履行那个过程就可以了:
<a href="maine\katahdin.html">mount katahdin</a>;
4、如何在\guide\maine\katahdin.html中创建指向\guide\arizona\superstitions.html页面的链接?
这个例子也不难,还是一个链接的问题,因为都在一个大的目录guide下面,所以只需要做一个相对路径就可以了:
<a href="../arizona/superstitions.html">the superstition range</a>
这样就可以了。


作者“黎黎原上草”

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • WordPress添加百度喜欢按钮小技巧
    • Wordpress 博客如何实现自定义Gravatar头像
    • 网站设计分析:建立良好的视觉层级
    • 网站设计分析:“中国式设计”的三个方向
    • 案例分析:奥巴马筹款网站的制作过程
    • 创建不平衡的平衡:在网页设计中使用不对称设计
    • 7大主流B2C首页导航栏设计对比分析
    • Wordpress页面模板制作方法及使用
    • css控制文字前的小图标
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1