《HTML链接及属性_.docx》由会员分享，可在线阅读，更多相关《HTML链接及属性_.docx（8页珍藏版）》请在三一文库上搜索。
1、HTML链接及属性_ 做链接也是通过元素（element）实现的。做链接只需一个元素和一个属性就行了。下面是一个例子，它是一个指向的链接： 例1： a href=这是一个指向的链接/a 该例在扫瞄器中将显示如下： 这是一个指向的链接 元素a代表“链接（anchor）”；属性href代表“超文本引用（hypertext reference）”，它用于指定链接指向何处通常是一个因特网地址或者一个文件名。 在上例中，属性href的值为“和page2.htm），而且它们被存放在同一个文件夹中，那么你在做链接的时候，只要写出文件名就行了。这样，page1.htm到page2.htm的链接将如下所示： 例
2、2： a href=page2.htm点击这里转到第2页/a 假如page2.htm被放在下一级文件夹中（比如“subfolder”），那么链接将是这样： 例3： a href=subfolder/page2.htm点击这里转到第2页/a 反过来，从page2.htm（在下级文件夹中）到page1.htm的链接将是这样： 例4： a href=./page1.htm转到第1页/a “./”代表当前位置（即该链接所在文件所处的文件夹）的上一级文件夹。同理，当前位置的上上级文件夹可用“././”表示。 明白其中的规章了吗？当然，假如给出完整URL也行。 假如要在一个网页内做链接怎么办呢？ 你也可以
3、在一个网页的内部做链接比如在网页开头处供应一个名目，在其中列出指向下面各章的链接。这可以通过用法id属性和“#”符号来实现。 用id属性标出要被指向的元素。例如： h1 id=heading1标题1/h1 然后通过在链接中利用“#”来指向那个元素。 “#”后面必需紧跟着一个id属性的值，表明链接指向该id属性被定义的地方。例如： a href=#heading1转到标题1/a 来看一个例子就明白了： 例5： html head /head body pa href=#heading1转到标题1/a/p pa href=#heading2转到标题2/a/p h1 id=heading1标题1/h
4、1 p一些文字。/p h1 id=heading2标题2/h1 p一些文字。/p /body /html 该例在扫瞄器中将显示如下（你可以试试看点击这两个链接）： 转到标题1 转到标题2 标题1 一些文字。 标题2 一些文字。 （注：id属性必需以字母开头） 除了网页，链接还能指向什么？ 你还可以为e-mail地址做链接，方法跟为网页做链接差不多： 例6： a href=mailto:softdabaoku给发电子邮件/a 该例在扫瞄器中将显示如下： 给发电子邮件 与指向网页的链接的唯一区分在于：指向e-mail地址的链接必需以mailto:开头，然后紧接着写e-mail地址。当点击这个链接的
5、时候，缺省的e-mail程序将新建一封邮件，其中的收件人地址为链接中指定的e-mail地址。留意：这一功能仅当你的计算机安装了e-mail程序后才起作用。试试看吧！ 有其他我需要知道的属性吗？ 创建链接总要用到href属性。另外，你也可以在链接上用法title属性： 例7： a href= title=上网页制作济南网站建设学习HTML 该例在扫瞄器中将显示如下： title属性用于为该链接输入一个简短描述。当你把鼠标光标停留在该链接上（别点击它）时，提示文字“上网页制作济南网站建设学习HTML”便会消失。 很多元素都可以设置属性。 属性是什么？ 或许你还记得，HTML通过标签告诉扫瞄器如何
6、展现网页（比如br /告诉扫瞄器显示一个换行）。你可以为某些元素附加一些信息，这些附加信息被称为属性（attribute）。 例1： h2 style=background-color:#ff0000;我跟HTML的友情/h2 属性应写在元素的首标签上。具体写法是：属性名称（attribute name）后紧跟一个等号（“=”），后面写上用双引号括起来的属性值（attribute value）。对于style属性的值，可以用分号（“;”）来分隔多个样式指令。这个后面会介绍。 这里涉及什么学问点？ 属性有很多，我们首先学习的是style属性，它用于为网页设定样式，比如设置背景颜色等。 例2： h
7、tml head /head body style=background-color:#ff0000; /body /html 该例将在扫瞄器中显示一个全是红色的页面自己动手试试看。稍后我们会具体讲解颜色设置的原理。 留意，一些元素和属性的名称采纳的是美式拼法，比如color（而不是colour）。请留意本教程中元素与属性名称的拼法，千万不要写错否则扫瞄器将无法理解你的代码。而且，别忘了用双引号把属性值（attribute value）括起来。 为什么上面那个页面全是红的？ 在上例中，我们将网页的背景颜色设置为“#ff0000”，这个十六进制代码（HEX）代表红色。每个颜色都有其对应的十六进制
8、代码。下面是一些例子： 白色： #ffffff 黑色： #000000 红色： #ff0000 兰色： #0000ff 绿色： #00ff00 黄色： #ffff00 十六进制代码由“#”打头，后面跟六位数字或字母。由于这样的十六进制代码太多，不便记住哪个代码对应哪个特定颜色。为此，我们为最常用的216个颜色制作了一张表，供大家参阅：216个网页平安颜色表见文章底部。 除此以外，对于一些最常用的颜色（比如白色、黑色、红色、兰色、绿色及黄色等），你还可以用法它们的英语名称。 例3： body style=background-color: red; 关于颜色就讲这么多了。让我们连续学习属性。 哪
9、些元素可以用法属性？ 不同元素用法不同的属性。 有些元素（比如body等）被添加属性的机会比较大，而有些元素（比如br等）则较小、甚至不会被添加属性。 HTML里有许多元素，同样也有许多属性。有些属性仅用于个别元素，有些属性可用于许多元素。反之亦然：有些元素只能用法个别属性，有些元素可以用法较多的属性。 听起来这或许很令人困惑，不过一旦你熟识了各个属性，就会感到很简洁，并觉得它们很有用处。 本教程将介绍大多数重要属性。 一个元素包括哪些部分？ 一般来说，一个元素包括一个首标签（start tag）、零或多个属性（attribute）、一些内容和一个尾标签（end tag）。就这么简洁。 更多信息请查看IT技术专栏 .