博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5 基础知识(四)
阅读量:5061 次
发布时间:2019-06-12

本文共 1355 字,大约阅读时间需要 4 分钟。

关于web图像:

1、格式与下载速度:当前web上应用最广泛的三种格式gif、png、jpeg。

JPEG格式适用于彩色照片,因为它包含大量的颜色并进行合理的压缩,采用这种格式保存的文件相对较小,全彩的照片通常保存为JPEG格式,PNG-24格式效果也很好,但是通常文件比JPEG要大的多。不过 JPEG是一种有损的格式

PNG和GIF是无损的格式,因此采用这两种格式对图像进行压缩不会造成品质的损失。GIF只有256种颜色,但PNG支持几百万种颜色。且均支持透明,适合用于保存非照片类的图像。

PNG有几种不同的分支,PNG-8 PNG-24 PNG-32 。一般来说对于PNG和GIF应该优先选择PNG,因为它对透明度的支持更好,压缩算法也更好,产生的文件更小。

2、颜色:

标识和其他颜色较少的图像通常保存为PNG-8格式

JPEG PNG-24 PNG-32均支持超过1600万种颜色,因此照片和复杂的插图应选择这些格式,不过,大多数情况下应该使用JPEG

3、大小:

数字图像以像素为单位进行度量。

4、透明度:

可以利用透明度为图像创建非矩形的边缘,在图像的下方设置背景色或图案,PNG和GIF都支持透明度,JPEG则不支持。

在GIF格式中一个像素要么透明要么不透明,称为索引色透明

PNG格式中既支持索引色透明,有支持alpha透明(可以控制一个像素透明的程度)。

PNG-8即支持索引色透明,也支持alpha透明,但需要使用FireWork这样的程序才能将图像保存为PNG-8格式。Photoshop不支持alpha透明的png-8格式,但支持alpha透明的PNG-32。总之对于透明图像应使用PNG-8或PNG-32。

5、动画:

动画可以保存为GIF,但不能是JPEG PNG。实际上,使用图像表现动画的已经越来越少了,通常使用css动画、javascript、svg、html5 canves 和flash。

RGB 分别代表  Red 红 Green 绿 Blue 蓝 RGB模式又被称为三原色光模式。

在页面中插入图像:

格式<img src="image.url" /> 其中 image.url指示图像文件在服务器上的位置。

提供替代文本

使用alt属性,可以为图像添加一段描述性文本。当图像因某种原因不显示的时候,就可以将这段文字显示出来。一般来说,替代文本是考虑图像未能正常加载的情况下需要呈现的文字。

格式<img src="image.url" alt="test" />

指定图像尺寸:

格式<img src="image.url" alt="test"  width=“x” height=“y” />

链接:

链接有两个主要的部分,目标和标签

使用目标,可以指定访问者点击链接时会发生什么,其次是链接到其他网页的特定位置。

标签,访问者在浏览器看到或在屏幕阅读器中听到的部分。

创建一个指向另一个网页链接

a元素是创建链接的关键。格式 <a href="www.baidu,com" >     </a>

创建錨并链接到錨:

通常激活一个链接会将用户带到对应网页的顶端。

转载于:https://www.cnblogs.com/liwb1987/p/4606665.html

你可能感兴趣的文章
rownum 的使用
查看>>
Mysql与Oracle 的对比
查看>>
MVC系列博客之排球计分(三)模型类的实现
查看>>
npm安装
查看>>
阅读笔记02
查看>>
2019年春季学期第二周作业
查看>>
2014北邮计算机考研复试上机题解(上午+下午)
查看>>
mySQL 教程 第7章 存储过程和函数
查看>>
OGG同步Oracle到Kafka(Kafka Connect Handler)
查看>>
算法笔记_056:蓝桥杯练习 未名湖边的烦恼(Java)
查看>>
idea的maven项目无法引入junit
查看>>
jquery实现限制textarea输入字数
查看>>
thinkphp5 csv格式导入导出(多数据处理)
查看>>
页面置换算法-LRU(Least Recently Used)c++实现
查看>>
如何获取Android系统时间是24小时制还是12小时制
查看>>
fur168.com 改成5917电影
查看>>
PHP上传RAR压缩包并解压目录
查看>>
codeforces global round 1题解搬运
查看>>
python os模块
查看>>
Codeforces 719B Anatoly and Cockroaches
查看>>