嵌入html文档中的图像格式可以是_随笔

WebP格式。

嵌入html文档中的图像格式可以是WebP格式，谷歌开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有jpeg的2/3，并能节省大量的服务器带宽资源和数据空间

图像格式即图像文件存放在记忆卡上的格式，通常有JPEG、TIFF、RAW等。

HTML网页插入图片。感兴趣的小伙伴们快来了解一下吧。

插入图片

将光标定位在HTML文档中要插入图像的位置。

点击“插入”菜单，选择“图像”项，或者单击“插入”面板上“常用”项，选择“图像”按钮。

点击“图像”按钮，d出“选择图像源文件”对话框。

选择完之后，单击“确定”按钮，之后会d出“图像标签辅助功能属性”对话框。

设置完成之后点击“确定”按钮，就可以了。

如何更改图片大小、添加边框

宽度和高度：

通过使用属性中的宽度和高度来校正在网页中显示图像的大小。

例如代码：

width=宽度

height=高度

边框:

我们可以使用属性中的"border"来设置图像周围的边框。这可以用于创建在图像周围的空间。

例如代码:

对齐:

我们可以使用属性中的"align"来对齐图像。

把属性值设置成：left/right/center

例如代码:

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>

</head>

<body>

<HR>

<IMG src="http://www.knowsky.com/icon.gif"ALIGN=bottom>我的图标好看吗？

<HR>

再看看这个怎样？

<HR>

</body>

<html>

可以将图象换成你自己的。注意，浏览器默认的目录是windows/TEMP临时文件夹。你需要指定图象所在的目录。

四，ALT属性。用户在浏览网页时，常常会为了节省时间或其他的原因选择不下载图片，加入ALT属性可以在原本显示图片的

位置显示一些有关于该图象的信息。ALT属性的参数值就是网页编辑者希望在在原本显示图象的地方出现的文字信息，一般

是图象的名称和简要的说明。例如。

<html>

<head>

</head>

<body>

<HR>

你看不到吧？嘿嘿

<HR>

</body>

</html>

五，确定图象边距的属性。

<IMG>标签用vspace和hspace这两个属性来确定图象与其像邻的对象之间的空白大小。vspace属性用于指定图象与其垂直方

向上相邻对象之间的距离。hspave用来指定图象与其水平方向相邻对象之间的距离。这两个属性的参数都是数字，表示空出

距离的像素点数。

六，BORDER属性。

浏览器在调用图象时会根据浏览器窗口和原始图象大小的不同给图象加上不同宽度的边框。我们可利用border属性来指定图

象边框的宽度或者取消边框<border=0>。border属性的参数值也是数字，表示边框宽度所占的像素点数。例如：

<html>

<head>

</head>

<body>

<HR>

看看效果就行。

<HR>

</body>

</html>

border的参数值越大边框越大。

七，ISMAP属性

这个属性于文档的超链接有关，我们以后在详细讲解它。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7543617.html

嵌入html文档中的图像格式可以是

发表评论

评论列表（0条）