第一范文网 - 专业文章范例文档资料分享平台

HTML入门教程xq

来源:用户分享 时间:2025/5/31 20:59:27 本文由loading 分享 下载这篇文档手机版
说明:文章内容仅供预览,部分内容可能不全,需要完整文档或者需要复制内容,请下载word后使用。下载word有问题请添加微信号:xxxxxxx或QQ:xxxxxx 处理(尽可能给您提供完整文档),感谢您的支持与谅解。

nobody@chinahtml.com 发电子邮 件

该例在浏览器中将显示如下: 给 nobody@chinahtml.com 发电子邮件 与指向网页的链接的唯一区别在于: 指向 e-mail 地址的链接必须以 mailto:开头, 然后紧接着写 e-mail 地址。当点击这个链接的时候,缺省的e-mail 程序将新建一封邮件,其中的收件人地址为链接中指定的 e-mail 地址。注意:这一功能仅当你的计算机安装了e-mail程序后才起作用。试试看吧!

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

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

例 7: :

href=\

title=\

chinahtml.com 网站学习 HTML\

该例在浏览器中将显示如下: chinahtml.com title 属性用于为该链接输入一个简短描述。当你把鼠标光标停留在该链接上 (别点击它)时,提示文字“上 chinahtml.com 网站学习 HTML”便会出现。

第 9 课:图像

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

这貌似有点难度。。。

也许是有点难度,但其实也不难,一个元素就可以搞定: 例 1:

你要做的只是:首先告诉浏览器你要插入一张图片(img),接着给出这张图片的存放位置(src,代表“来源(source)”)就行了。准备好图片了吗? 注意:img 元素没有尾标签,它与
一样,不与特定的文本相关。 “david.jpg”是要插入的图片的文件名,其中的“jpg”表明图片类型。就像后 缀名“htm”代表文件是 HTML 文档一样,后缀名“jpg”表明文件是一个图片文件。有三种类型的图片文件可被插入网页中:

GIF(Graphics Interchange Format,图形交换格式) JPG 或 JPEG(Joint Photographic Experts Group,联合图像专家组) PNG(Portable Network Graphics,可移植网络图像)

一般来说,GIF是图形和图画的最佳格式,而 JPEG 格式则更适合存放照片 因有二:第一,GIF 格式只支持 256 色,而 JPEG 格式支持数百万色;第二,GIF 格式擅长于压缩简单图像,而 JPEG 则更适于压缩复杂图像。压缩率越高,图像文件就越小,页面加载速度就越快。也许你也有同感,包含太多无用内容的网页 是很不受欢迎的。 过去,GIF 和 JPEG 是两大主要的图像格式,但是最近 PNG 格式也开始流行起来 (主要是在取代 GIF 格式)。PNG 格式拥有许多 JPEG 与 GIF 的共同优点: PNG 数百万色,且压缩效果好。

图片从何处获得?

要制作自己的图像, 需要有一个图像编辑程序。图像编辑程序是从事美观的网页图像编辑程序是从事美观的制作所需的重要工具之一。不幸的是 Windows 或其他操作系统都没有自带比较好的图片编辑程序。所以,也许你得买一个 Paint Shop Pro、PhotoShop 或者 Macromedia Fireworks,这三个是目前市场上最好的图像编辑软件。不过还是那句话,完成本教程的学习不需要购买任何昂贵的软件。你可以先下载 一个 Irfan View 用,这是一个很不错的图像编辑软件。因为是自由软件,所以 你可以免费使用它。 或者,你也可以从我们 chinahtml.com 网站下载一些图片来用,但请注意不要违反有关版权规定。具体下载方法如下: 1. 右击网页中的图像。 2. 在菜单中选择“图片另存为...”。 3. 选择图片的存放位置,然后点击“保存”。 按此方法将下面的图片保存到你的 HTML 文档所在目录。(注意: 将它保存为 PNG 文件,文件名为 logo.png):

现在你可以把这个图片插入到自己的网页里。自己试试看。 关于图像就这么多吗?

关于图像,还有一些是需要介绍的。 首先,你可以轻易地把存放在其他文件夹、甚至其他网站的的图片插入到自己的网页中。 例 2:

src=\

该例在浏览器中将显示如下(你可以试试看点击这个图像): 有什么属性需要了解的吗?

你总要用 src 属性来告诉浏览器图片的存放位置。除此以外,还有一些有用的属性。 alt 属性用于给出图像的替用描述,假如由于某些原因该图像未能显示出来,浏览器就通过显示这个描述来替代图像。对于有视力障碍的人士来说,或者当网页打开很慢的时候,这一特性显得尤为重要。所以说,始终记得写 alt 属性: 例 5:

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

如果你把鼠标光标停留在该图片上(别点击它),提示文字“上 chinahtml.com 网站学习 HTML”便会出现。 另外两个重要的属性是 width 和 height: 例 7:

搜索更多关于: HTML入门教程xq 的文档
HTML入门教程xq.doc 将本文的Word文档下载到电脑,方便复制、编辑、收藏和打印
本文链接:https://www.diyifanwen.net/c0edis3xolo8iiwn479co_6.html(转载请注明文章来源)
热门推荐
Copyright © 2012-2023 第一范文网 版权所有 免责声明 | 联系我们
声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
客服QQ:xxxxxx 邮箱:xxxxxx@qq.com
渝ICP备2023013149号
Top