|
也许有时你希望文字内容从图片上方开始,并包围整幅图片,这时可以编写下列代码:
<P>让我们共同努力学习吧<img align=“left”src=“/web/pic/abc.gif”>相信很快大家一定能做出非常精美的网页的!
二、创建链接
1、基本链接的创建:
如果一个网页中没有一个链接那确实就没什么意义了,因为正是方便的各种链接才将各个独立的网页构建成一个庞大的网络,就可以利用 <a href=“url地址”>链接名</a> 这个链接标签来创建链接,让我们制作的网页之间相互连接并且可以使我们的网站与其它网站相连。在创建链接之前,需要清楚想要链接的网页的url地址,这个url地址就是类似“http://www.qy99.com”这样的网络地址。接着就是决定把网页中哪段文字做为链接,访问者将通过这个链接访问其它地方。另外,一般情况下凡是链接的地方都会有下划线,并显示出与普通网页文字不同的颜色以便区分,多数默认情况下链接显示为蓝色,除非对此进行了特殊的设置。
例如一个网页链接的源代码可能是下面这个样子:
<a href="http://www.qy99.com">欢迎光临清毅盲人网</a>
2、弹出新页面的链接:
我们在浏览网页的时候,当点击相应的链接原网页并没有关闭,而且弹出一个新的页面,这种效果主要是在创建基本链接的基础上增加了 target=“_black”属性实现的。请看下面的例子:
<a href=“url地址” target=“_black”>欢迎光临</a>
3、创建图形链接:
有的时候为了实现把某一图片做为链接的效果,也就是说当点击图片的时候就可以打开新的页面,其原码如下:
<a href="url地址"><img src="abc.gif"></a>
然而使用这种方法将不支持读屏软件的操作,盲人朋友按 TAB_键听读链接的时候将无法听到链接的名称,为了解决这个问题我们可以使用 title=“链接名”这个属性来解决。具体代码如下:
<a href=“url地址”title=“欢迎光临”><img src=“abc.gif”></a>
此法不但读屏软件可以读出链接名称,而且当鼠标指向该链接的时候也将以气泡的方式显示该链接的名称,也是广大盲人朋友实现网络信息无障碍的一个重要链接属性。
4、创建邮件链接:
如果你在自己制作的网页中加入一个访客给你发邮件的链接就更增加了网页的互动性,假如我们把 “abc@abc.com”这个邮件地址在网页中做一个链接,其原码如下:
<a href=“mailto:abc@abc.com”>点击这里给我发邮件吧</a>
5、编辑链接颜色:
链接的颜色如果不做编辑的话浏览器将对其取默认颜色,若希望调整其颜色可将以下代码中的“?”换成相应的颜色代码即可。
<body link=“?”> 设置链接颜色;
<body vlink=“?”>设置你已经访问过的链接的颜色;
<body alink=“?”>设置你正点击的链接的颜色。
责任编辑:
读者评论:
发表评论:
相关文章:
|