网站地图    收藏   

主页 > 教程 > html视频教程 >

html语言视频教程 第05讲 超链接与图像标记

来源:未知    时间:2014-06-21 23:19 作者:xbdadmin 阅读:

[导读] 本节视频教程是html语言第05讲,将为大家重点讲解超链接,图像标记;在我们的网站技术基础课程中,我们提到超链接是整个网站的核心,通过点击超链接,可以把我们带到互联网的任何一个地...

 本节视频教程是html语言第05讲,将为大家重点讲解超链接,图像标记;在我们的网站技术基础课程中,我们提到超链接是整个网站的核心,通过点击超链接,可以把我们带到互联网的任何一个地方;另外,对于一些内容可能用文字无法表达,但通过图片展示让人一了然,所以这节课我们还讲解了如何在网页中插入图像;统一资源定位符(URL)是web页的地址,由4个主要的部分构成:协议,目的地址,端口号,路径.例:

 一、超链接标记语法:<a href=“url”  target=“” title=“”>北京恒博教育网页设计培训视频教程</a>; 基中,href的属性值url是指链接页面的路径(包含文件名);在这里我需要说明一下,url的组成,由4个主要的部分构成:协议,目的地址,端口号,路径.例:
如:http://web.hengboit.com:80/index.html,http默认的端口号为80,所以,一般的url地址都不需要端口号,如果不是80端口的,必须要加上端口号,如果是相对路径,可以直接相对当前页面的路径就可以,如果是连接到站外;必须使用互联网上的完整地址;
  提到网页的相对路径和绝对路径,我也给大家详细讲解了它们之间的区别及应用:
 1、internet的完整路径:也就是我们上面说的url地址 http://web.hengboit.com:80/index.html
 2、相对地址:描述了从一个页面到另一个页面的路径,而不是Internet的完整地址,如果要链接的文件在上一级目录,我们可以用../来表示上一层文件夹。
 如:<a href=“../news/news.htm”>新闻中心</a>
 3、相对站点根目录的地址:描述的不是两个文件相对的路径关系,它描述的是两个文件相对于网站根目录的关系
 如:<a href=“/news/news.htm”>北京恒博教育网页设计培训中心</a>
4、物理地址:是使用文件存放在硬盘上的位置的路径来描述文件的方式,一般我们不采用这个方式。

在超链接标记中,title属性是指当鼠标移动到热点时,则在鼠标下方显示title的内容,target属性是指打开页面的方式,默认值是_self(当前页),如果取值_blank,是打新建一个页面并找开要链接的网址

二、在网页中插入图像:

在网页上显示图片的html标记:<img src=“”  align=“”  border=“”  alt=“” width=“” height=“”> 大多数浏览器都支持jpg,gif图片格式,属性src的值为图片的路径,属性align属性则标识了图片在页面中的对齐方式,border属性标识了图片的边框线的宽度,alt属性是在图片显示后,对图片的一段描述,width=“”和 height=“”设定其值可限制图像在页面上显示的宽度和高度,如果有一项没有,图片就以等比例显示,如果两项值都没有,则图像就显示原始大小,可以把图像放到链接标签内

三、插入水平线:hr标记。<hr align=“” width=“” size=“” noshade> 也称为分隔线,为单标记,align属性用来设置水平标尺线的对齐方式,width属性用来
 
设置水平标尺线在水平方向上的宽度,size属性设置水平标尺线的粗细,单位是像素数,noshade属性是一个名称记号,用于取消水平标尺线的阴影

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论