2007-08-19

CH推荐HTML入门教程

来源: 本站作者:佚名评论 0 条

来看一个例子就明白了：

例5：



<html>

  

<head>

</head>



<body>



<p><a href="#heading1">转到标题1</a></p>

<p><a href="#heading2">转到标题2</a></p>



<h1 id="heading1">标题1</h1>

<p>一些文字。。。。</p>



<h1 id="heading2">标题2</h1>

<p>一些文字。。。。</p>

  

</body>



</html>

该例在浏览器中将显示如下（你可以试试看点击这两个链接）：

转到标题1

转到标题2

标题1

一些文字。。。

标题2

一些文字。。。

（注：id属性必须以字母开头）

除了网页，链接还能指向什么？

你还可以为e-mail地址做链接，方法跟为网页做链接差不多：

例6：



<a href="mailto:nobody@chinahtml.com">给nobody@chinahtml.com发电子邮件</a>

该例在浏览器中将显示如下：

给nobody@chinahtml.com发电子邮件

与指向网页的链接的唯一区别在于：指向e-mail地址的链接必须以mailto:开头，然后紧接着写e-mail地址。当点击这个链接的时候，缺省的e-mail程序将新建一封邮件，其中的收件人地址为链接中指定的e-mail地址。注意：这一功能仅当你的计算机安装了e-mail程序后才起作用。试试看吧！

有其他我需要知道的属性吗？

创建链接总要用到href属性。另外，你也可以在链接上使用title属性：

例7：



<a href="http://www.chinahtml.com/" title="上chinahtml.com网站学习HTML">chinahtml.com</a>

该例在浏览器中将显示如下：

学习HTML" href="/">chinahtml.com

title属性用于为该链接输入一个简短描述。当你把鼠标光标停留在该链接上（别点击它）时，提示文字“上chinahtml.com网站学习HTML”便会出现。

第9课：图像

假如能把影歌两栖传奇人物David Hasselhoff的图像放到自己的网页上，那就太好了。

这貌似有点难度。。。

也许是有点难度，但其实也不难，一个元素就可以搞定：

例1：



<img src="david.jpg" alt="David" />

该例在浏览器中将显示如下：

你要做的只是：首先告诉浏览器你要插入一张图片（img），接着给出这张图片的存放位置（src，代表“来源（source）”）就行了。准备好图片了吗？

注意：img元素没有尾标签，它与<br />一样，不与特定的文本相关。

“david.jpg”是要插入的图片的文件名，其中的“jpg”表明图片类型。就像后缀名“htm”代表文件是HTML文档一样，后缀名“jpg”表明文件是一个图片文件。有三种类型的图片文件可被插入网页中：
共36页: 上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] 26 [27] [28] [29] [30] [31] [32] [33] [34] [35] [36] 下一页

(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐收藏投稿打印返回关闭

上一篇：在网页中给视频播放窗口预设图像
下一篇：XHTML 2 抢先试用