转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 网络应用 >> 正文
HTML基础之图像标志         ★★★

HTML基础之图像标志

作者:闵涛 文章来源:闵涛的学习笔记 点击数:2296 更新时间:2007/9/11 21:02:06
1.<img>
2.<hr>
    再简单朴素的网页如果只有文字而没有图像的话将失去许多活力,图像在网页制作中是非常重要的一个方面,Html语言也专门提供了<img>标志来处理图像的输出。

1.<img>
    <img>标志并不是真正地把图像给加入到Html文档中,而是将标志对的src属性赋值,这个值是图形文件的文件名,当然包括路径,这个路径可以是相对路径,也可以是网址。实际上就是通过路径将图形文件嵌入到您的文档中。您可能并不知道什么是相对路径,我现在就来讲一讲相对路径。所谓相对路径是指您所要链接或嵌入到当前Html文档的文件与当前文件的相对位置所形成的路径。假如您的Html文件与图形文件(文件名假设是logo.gif)在同一个目录下,则可以将代码写成<img src="logo.gif">;假如您的图形文件放在当前的Html文档所在目录的一个子目录(子目录名假设是images)下,则代码应为<img src="images/logo.gif">;假如您的图形文件放在当前的Html文档所在目录的上层目录(目录名假设是home)下,则相对路径就必须是准网址了,即用“../”表示您的网站,然后在后边紧跟文件在您的网站中的路径,假设home是您的网站下的一个目录,则代码应为<img src="../home/logo.gif">,若home是您的网站下的目录king下边的一个子目录,则代码应该变为<img src="../king/home/logo.gif">了。现在您对相对路径应该有所了解了吧!
    必须强调一下,src属性在<img>标志中是必须赋值的,是标志中不可缺少的一部分。除此之外,<img>标志还有altalignborderwidthheight属性。align是图像的对齐方式,在前边的教程中已经讲了很多了,这里就不再提了。border属性是图像的边框,可以取大于或者等于0的整数,默认单位是像素。width和Height属性是图像的,默认单位也是象素。alt属性是当鼠标移动到图像上时显示的文本

2.<hr>
    <hr>标志是在Html文档中加入一条水平线,它可以直接使用,具有sizecolorwidthnoshade属性。size是设置水平线的厚度,而width是设定水平线的宽度,默认单位是像素。想必大家对color属性已经很熟悉了,在此就不再用多讲。noshade属性不用赋值,而是直接加入标志即可使用,它是用来加入一条没有阴影的水平线(不加入此属性水平线将有阴影)。
    下面是本教程的一个综合例子。

例5 图像标志举例
<html>
<head>
<title>图像标志的综合示例</title>
</head>

<body>
<p align="center"><img src="../logo468_60.gif" alt="网页制作" WIDTH="468" HEIGHT="60"></p>

<hr width="600" size="1" color="#0000FF">
</body>
</html>


    本例在浏览其中的显示结果如下:

logo468_60.gif (8197 bytes)


[网络应用]HTML基础之表单标志  [网络应用]HTML基础之表单标志
[网络应用]HTML基础之表单标志  [网络应用]HTML基础之帧标志
[网络应用]HTML基础之链接标志  [网络应用]HTML基础之表格标志
[网络应用]HTML基础之图像标志  [网络应用]HTML基础之图像标志
[网络应用]HTML基础之文本标志  [网络应用]HTML基础之格式标志
教程录入:admin    责任编辑:admin 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · 电脑应用  · 网络应用
    · 软件开发  · 软件使用
    · 站长学院  · 数据库
    · 应用范文  · 网络书斋
    · 考试认证  · 精彩网文
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台