HTML图像标记

简介:

今天看到的丰富多彩的网页,都是因为有了图像的作用。想一想过去,网络中全部都是纯文本的网页,非常枯燥,就知道图像在网页设计中的重要性了。在html页面中可以插入图像,网页常用的图像格式有JPEG和GIF两种:
JPEG(Joint Photographic Experts Group)是特别为照片图像设计的文件格式。JPEG支持数百万种色彩。JPEG是质量有损耗的格式,这意味着在压缩时一些图像数据被丢失了,这降低了最终文件的质量。然而图像数据被抛弃得很少,不会在质量上有非常明显的不同。
图形交换格式GIF是网页图像中很流行的格式。虽然它仅包括256种色彩,但GIF提供了出色的、几乎没有丢失的的图像压缩。并且GIF可以包含透明区域和多动画。它靠水平扫描像素行找到固定的颜色区域进行压缩,然后减少同一区域中的像素数量。因此GIF 通常适应于卡通、图形、Logo、带有透明区域的图形、动画等。
页面中插入图片可以起到美化的作用。插入图片的标记只有一个,那就是<img>标记。插入图片的时候,仅仅使用<img>标记是不够的,需要配合其它的属性来完成,如下表所示。
属性 描述 src 图像的源文件 alt 提示文字 width,height 宽度、高度 border 边框 vspace 垂直间距 hspace 水平间距 align 排列 dynsrc 设定avi文件的播放 loop 设定avi文件循环播放次数 loopdelay 设定avi文件循环播放延迟 start 设定avi文件播放方式 lowsrc 设定低分辨率图片 usemap 映象地图 图像的源文件属性SRC
配合src属性指定图像源文件所在的路径,就可以完成图像的插入了。

目录
相关文章
|
7月前
|
数据可视化 前端开发
HTML基础结构和常用标记的例子
HTML基础结构和常用标记的例子
42 0
|
7月前
|
数据安全/隐私保护
7.常用的HTML标记
7.常用的HTML标记
53 0
|
7月前
|
前端开发 JavaScript
前端必看的8个HTML+CSS技巧 (六) 裁剪图像的动画
前端必看的8个HTML+CSS技巧 (六) 裁剪图像的动画
|
28天前
|
存储
HTML 图像1
在HTML中,图像通过`&lt;img&gt;`标签定义,此标签仅含属性而无闭合标签。要显示图像,需指定源属性`src`,其值为图像的URL地址。此外,推荐使用`alt`属性提供替代文本,以增强页面的可访问性。图像的高度和宽度可通过`height`和`width`属性设置,以确保页面加载时布局稳定。使用图像时应注意数量和路径,避免影响页面加载速度和显示效果。
|
3月前
|
前端开发 JavaScript
html图像属性的高级用法
在HTML中,通过结合CSS、JavaScript及其他HTML元素,可以实现图像属性的高级用法,例如响应式图像、懒加载、图像映射、CSS滤镜、SVG图像、图像作为背景以及使用JavaScript动态更改图像。
|
3月前
|
前端开发
html图像属性详解
在 HTML 中,使用 `&lt;img&gt;` 标签插入图像。主要属性包括:`src` 指定图像路径,`alt` 提供替代文本,`width` 和 `height` 设置尺寸,`title` 显示额外信息,`loading` 控制加载方式(如 `lazy` 延迟加载),`class` 和 `style` 用于样式化,`usemap` 定义图像映射,`ismap` 表示服务器端映射。这些属性可组合使用以实现复杂效果。
|
3月前
|
编解码 前端开发
HTML 图像的高阶写法
在 HTML 中,通过使用多种属性和技术可以增强图像的功能、可访问性和性能
|
3月前
|
前端开发 JavaScript
改变 HTML 图像
【9月更文挑战第03天】
43 3
|
4月前
|
移动开发 HTML5
HTML5文档头部相关标记
【8月更文挑战第28天】HTML5文档头部相关标记。
39 1
|
4月前
HTML标记 和标记的属性
【8月更文挑战第28天】HTML标记 和标记的属性。
50 1