欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-06-16 23:28:31
...
这一课我们主要讲解一下链接的问题:这个也可以定义为超文本链接,标签则是<a>
这个标签的全称是anchor,中文意思是锚;
例子:<a href="http://www.php1.cn/">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.php1.cn/">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.php1.cn/">http://www.mysite.com/mylift.html">All about me</a>
同时这个All about me则要放在主页的页面上,才能保证点击之后得到的是我们要的结果。
3、你计划发布一张包含HTML的光盘。如何在\guide目录中的一个页面创建一个指向\guide\maine\katahdin.html页面的链接。
这个就是服务器的问题了,我们只需要做的是履行那个过程就可以了:
<a href="http://www.php1.cn/"> 4、如何在\guide\maine\katahdin.html中创建指向\guide\arizona\superstitions.html页面的链接?
这个例子也不难,还是一个链接的问题,因为都在一个大的目录guide下面,所以只需要做一个相对路径就可以了:
<a href="http://www.php1.cn/"> 这样就可以了。

以上就是一步步学习html----第四课 的内容,更多相关内容请关注PHP中文网(www.php.cn)!

相关标签: html