一步步学习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/"> 这样就可以了。
这个标签的全称是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)!
推荐阅读
-
vue学习教程之带你一步步详细解析vue-cli
-
基于asp.net + easyui框架,一步步学习easyui-datagrid——实现分页和搜索(二)
-
python简单学习第四课(字符串的操作)
-
一步步学习如何安装并使用SAP HANA Express Edition HANASAP成都研究院SAP Cloud PlatformSAP云平台Cloud
-
一步步学习html----第一课
-
一步步学习html----第二课
-
一步步学习html----第三课
-
一步步学习html----第三课
-
一步步学习html----第四课
-
一步步学习如何安装并使用SAP HANA Express Edition HANASAP成都研究院SAP Cloud PlatformSAP云平台Cloud