HTML中的图象标签属性

HTML中的图象标签属性
图象可以使网页更加生动美观。浏览器可以显示JPEG和GIF图象，其中GIF图象最多只能使用256种颜色（即只能保存为8位颜
色），而JPEG格式可保存为24位，对具体连续色调的图象有最佳效果。不过，GIF图象虽然在图象质量上不及JPEG图象，但
其所占的存储空间下，下载速度快。因此应视不同情况而决定使用哪种格式的图象。
在HTML文档中插入图象是通过<IMG>标签来实现的。该标签共有个9个属性。除属性SRC是不可缺省的外，其他的属性都是可
选的。 
　
一，SRC属性。SRC即Source,该属性用以指出被引用的图象文件所在的位置。例如：
绝对路径表示法：<IMG SRC="http://page2000.xiloo.com/web/icon.html">
相对路径表示法：<IMG SRC="web/icon.html">
SRC的属性参数值就是图像文件的URL。注意，只有当图象文件和HTML文档在同一目录下时才可采用相对表示法来标识图象文
件的位置。
二，ALIGN属性。align属性的参数值为top,middle,bottom.分别表示图象相邻的文字位于图象的左上方，左面中间，和右下
方。例如：
<html> 
<head> 
<title>测试页面</title> 
</head>
<body> 
<HR> 
<IMG src="http://www.knowsky.com/icon.gif"ALIGN=bottom> 我的图标好看吗？ 
<br> 
<HR> 
<P><BR> 
再看看这个怎样？ 
<img src="http://www.knowsky.com/me.gif"align=top WIDTH=100 HEIGHT=100><br>
<p> 
<HR> 
</body> 
<html>
可以将图象换成你自己的。注意，浏览器默认的目录是windows/TEMP临时文件夹。你需要指定图象所在的目录。
四，ALT属性。用户在浏览网页时，常常会为了节省时间或其他的原因选择不下载图片，加入ALT属性可以在原本显示图片的
位置显示一些有关于该图象的信息。ALT属性的参数值就是网页编辑者希望在在原本显示图象的地方出现的文字信息，一般
是图象的名称和简要的说明。例如。
<html>
<head> 
<title>测试页面</title>
</head>
<body>
<HR>
<IMG src="http://www.knowsky.com/icon.gif"ALIGN=bottom ALT="这是我的图标">
你看不到吧？嘿嘿
<br>
<HR>
<P><BR>
<br><P>
</body>
</html>
五，确定图象边距的属性。
<IMG>标签用vspace和hspace这两个属性来确定图象与其像邻的对象之间的空白大小。vspace属性用于指定图象与其垂直方
向上相邻对象之间的距离。hspave用来指定图象与其水平方向相邻对象之间的距离。这两个属性的参数都是数字，表示空出
距离的像素点数。
六，BORDER属性。
浏览器在调用图象时会根据浏览器窗口和原始图象大小的不同给图象加上不同宽度的边框。我们可利用border属性来指定图
象边框的宽度或者取消边框<border=0>。border属性的参数值也是数字，表示边框宽度所占的像素点数。例如：
<html>
<head>
<title>测试页面</title>
</head>
<body>
<HR>
<IMG src="http://www.knowsky.com/me.gif"ALIGN=top border=5>
看看效果就行。
<br>
<HR>
<P><BR>
</body>
</html>
border的参数值越大边框越大。
七，ISMAP属性
这个属性于文档的超链接有关，我们以后在详细讲解它。

赞 (0)

相关推荐

  • HTML中的图象标签属性

    HTML中的图象标签属性 图象可以使网页更加生动美观.浏览器可以显示JPEG和GIF图象,其中GIF图象最多只能使用256种颜色(即只能保存为8位颜 色),而JPEG格式可保存为24位,对具体连续色调的图象有最佳效果.不过,GIF图象虽然在图象质量上不及JPEG图象,但 其所占的存储空间下,下载速度快.因此应视不同情况而决定使用哪种格式的图象. 在HTML文档中插入图象是通过<IMG>标签来实现的.该标签共有个9个属性.除属性SRC是不可缺省的外,其他的属性都是可 选的.  一,SRC属性.S

  • vue中v-for循环给标签属性赋值的方法

    1.给每个按钮添加class的属性值以及icon图标属性值,通过v-for实现自动添加样式,发现属性值无法显示,切记在属性前加上v-bind <html> <head> <meta charset="utf-8"> <title>v-for在线测试实例</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"> &

  • vue.js在标签属性中插入变量参数的方法

    html的标签的属性,比如id.class.href需要动态传递参数,拼接字符串,查了一些资料,并没有找到合适的解决方法,琢磨了一上午,终于试出了方法: v-bind:属性=" '字符串'+自定义变量名",自己试了没问题,有需要的朋友可以借鉴下! 最后需要注意一下属性一定是":属性="这种形式才会起作用 <ul class="menu" v-for="(item,index) in 4"> <li :clas

  • python matplotlib如何给图中的点加标签

    python matplotlib如何给图中的点加标签

    这篇文章主要介绍了python matplotlib给图中的点加标签,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 在写论文用到matplotlib画散点图,想着如果能把每个点对应的ID打在点的旁边就好了,经过一番搜索,最后找到了方法. 首先是打点,先把所有的点画好,举例如下: p1 = ax.scatter(X[:,0], X[:,1], marker = '*', color = 'r', label='1', s=10) 再依次给每个点打

  • python画图时给图中的点加标签和plt.text的使用

    python画图时给图中的点加标签和plt.text的使用

    背景: 今天在用matplotlib模块画各城市2019-nCoV疫情确诊人数和节前流入人口数的图的时候遇到了要给图中的点加上标签示意,原本图长这个样子 现在要给各散点标注是哪个哪个城市,即下面这种图: matplotlib模块加标签主要有matplotlib.pyplot.text()和matplotlib.pyplot.annotate()两个关键函数,后者适用范围更广,今天主要谈一下前者matplotlib.pyplot.text(),简写成plt.text() . 准备知识: 在此重点讲

  • JSP自定义标签-标签属性_动力节点Java学院整理

    JSP自定义标签-标签属性_动力节点Java学院整理

    对自定义标签添加一些属性,可以使我们的标签功能更加灵活和复用.例如前一篇博客使用简单标签来对标签体内容执行一定的次数,就无法在标签上规定要执行的次数,必须在标签处理器类中修改,很不方便,如果使用带属性的标签就能很好的解决这个问题. 要想使简单标签具有属性,通常需要满足以下两个步骤: ① 在标签处理器类中定义属性,同时为每个属性生成setter方法: ② 在TLD文件中对于的<tag>标签下添加属性的<attribute>标签,同时<attribute>标签下定义其从标签

  • bootstrap中的 form表单属性role="form"的作用详解

    html 里面的 role 本质上是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明.通常这种情况出现在一些自定义的组件上,这样可增强组件的可访问性.可用性和可交互性. role的作用是描述一个非标准的tag的实际作用.比如用div做button,那么设置div 的 role="button",辅助工具就可以认出这实际上是个button 比如, <div role="checkbox" aria-checked="c

  • JavaScript中获取鼠标位置相关属性总结

    javascript并没有mouse对象,获取鼠标坐标要靠强大的event对象. 我们通过监听document的mousemove,就可以实时获得鼠标位置. 但是!!event中和鼠标相关的属性太多了,很让人头大!如下: event.layerX event.layerY event.clientX event.clientY event.pageX event.pageY event.offsetX event.offsetY event.screenX event.screenY event

  • PHP正则表达式过滤html标签属性(DEMO)

    过滤html标签在php中可以有内置的函数了,但它过滤的太干净了,我们就整理了一下些利用正则来过滤指定html标签的例子,具体如下所示. 采集的时候有时候需要过滤掉多余的标签属性,比如 img标签过滤掉除了src属性之外的所有属性例如删除titile alt等属性以及一些脚的onclick属性等. 例如 过滤除了src之外的所有属性: 复制代码 代码如下: $str= preg_replace('/\s(?!src)[a-zA-Z]+=[\'\"]{1}[^\'\"]+[\'\&quo

  • JSP中一些JSTL核心标签用法总结

    一.JSTL介绍 JSTL(JavaServer Pages Standard Tag Library)由JCP(Java Community Process)指定标准,提供给 Java Web 开发人员一个标准通用的标签函数库.和 EL 来取代传统直接在页面上嵌入 Java 程序(Scripting)的做法,以提高程序可读性.维护性和方便性.JSTL 主要由Apache组织的Jakarta Project 实现,容器必须支持Servlet 2.4 且JSP 2.0 以上版本. JSTL下载地址

随机推荐