图片和超级链接标签
发布时间:2010年3月29日 文章分类:xhtml+css 文章作者:Hitomi 浏览次数:次
首先说图片,图片非常简单,它是一个没有闭合标签的标签,写法如下:
- <img src="图片路径" alt="图片描述" />
<img />标签本身含义不大,只是代表图片,最重要的是src和alt两个属性,其中src决定了图片的样式,alt决定了图片的含义,这两个属性都不能少,必须要写清楚。
src属性的值是图片的路径,这里的路径可以是外网路径,也可以是本站路径
外网路经如:http://www.qudou8.com/logo.gif
本站路径如:/images/logo.png(相当于http://www.sseoo.com/images/logo.png,省略了http://www.sseoo.com/)
alt属性是很重要的属性,因为标记语言就是描述作用的,所以alt地描述信息显得尤为重要,一定要把文字写得有概括性,能让人看到文字就知道图片是什么,这有两点用途,第一图片src路径错误或者其他原因导致图片无法显示的时候能看到文字,可以给人一个联想的空间,另外一点能让程序识别图片的内容,被搜索引擎收录。
下面说说超级链接,写法如下:
- <a href="链接路径" title="链接说明">链接内容a>
超级链接标签非常好记就是<a></a>,链接内容可以是文字也可以图片,两个常用属性是href路径和title说明,href是决定超级链接的链接地址,不能为空,title是个解释描述超级链接的属性,可有可无,最好是有。
超级链接要着重说的是连接路径,它可以有以下几种
带“http://”的外网链接,链接到另外一个网站
2:/page/article/
不带“http://”的站内链接,链接到本站的一个路径上
3:mailto:super45@163.com
带“mailto:”的邮件链接,打开outlook给这个地址写信
4:#
带“#”的锚点链接,链接到当前页的某个位置,#top返回网页最上面,如果网页里有id="xxx"属性的标签,那么#xxx就可以链接到id="xxx"的位置。
5:其他
比如QQ的tencent://,用于QQ的临时聊天
比如流媒体的mms://,用于播放流媒体视频
今天就讲这么多,好好消化消化吧,下节课讲解通用属性id和class的用法。