Head First HTML与CSS part5

为页面增加图画

三种格式的图像

照片和复杂图像使用JPEG
  • 最适合连续色调图像如照片
  • 可以表示多达1600万种不同颜色的图像
  • 这是一种“有损”格式,因为缩小文件大小时会丢失一些文件信息
  • 不支持透明度
  • 文件比较小,以便web页面更加高效地显示
  • 不支持动画
单色图像,logo或者几何图像使用PNG或者GIF

PNG

  • 最适合单色图像和线条构成地图像(如logo、剪贴画和图像中的小文本)
  • 可以包含上百万种不同颜色的图像。PNG有三种,PNG-8,PNG-24和PNG-32取决你需要多少颜色
  • PNG压缩文件来缩小文件大小,不过不会丢失信息,所以这是一种“无损”格式
  • 允许将图像颜色设置为透明,使图像下面的东西可以显现出来
  • 与相应的JPEG文件相比,PNG文件更大一些,不过取决于使用的颜色数。可能比相应的GIF文件小一些,也有可能更大一些

GIF

  • 类似于PNG,最适合单色图像或者线条构成的图像(如logo、剪切画和图像中的小文本)
  • GIF最多表现256种不同的颜色
  • GIF也是一种无损格式
  • GIF也支持设置透明度,不过只支持将一种颜色设置为透明
  • GIF往往比相应的JPEG文件大
  • 支持动画

< img >元素拓展

< img >元素的src属性不只是用于相对链接,也可以在src属性中放入URL

alt属性

可以为访问者提供一些信息,告诉图像中的信息.如何图像未显示就会使用alt中的文本来代替它

<img src="http://wickedlysmart.com/hfhtmlcss/trivia/pencil.png" alt="The typical new pencil can draw a line 35 miles long.">
width和height属性

用以指定页面的宽度和高度,宽度和高度都使用像素数指定的。如果没有指定图像的大小,则浏览器在页面中显示图像之前会自动确定图像大小。如果只指定宽度或者高度,则按照之前的长宽比缩放。

缩略图

如果web页面含有多个大的图像,可以使用缩略图,通过点击缩略图链接到更大比例的图片
图像可以作为指向其他页面的链接。要有图像创建一个链接,可以使用< img >元素作为< a >元素的内容,将链接放在< a >元素的href属性中
可以建立歌html文件夹在文件夹中创建与照片同名的html文件,在这个html文件中可以添加一些上下文信息和图片
例如,有一张名为lin的图片,我们已经得到了其缩略图,名为slin.jpg.

<a href="html/lin.html"><img src="slin.jpg"></a>

当然也可以直接链接到更大比例的图片(但这不是一个好的做法,因为一般需要为图片提供一些上下文)

<a href="lin.jpgl"><img src="slin.jpg"></a>
补充

如果要把一个透明图像(如logo)放在web页面中,则要确保这个图像的蒙版颜色与web页面的背景颜色一致。透明图像可以使用PNG或GIF
< img >元素是一个内联元素,这说明浏览器不会在图像前后插入一个换行

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
校园悬赏任务平台对字典管理、论坛管理、任务资讯任务资讯公告管理、接取用户管理、任务管理、任务咨询管理、任务收藏管理、任务评价管理、任务订单管理、发布用户管理、管理员管理等进行集中化处理。经过前面自己查阅的网络知识,加上自己在学校课堂上学习的知识,决定开发系统选择小程序模式这种高效率的模式完成系统功能开发。这种模式让操作员基于浏览器的方式进行网站访问,采用的主流的Java语言这种面向对象的语言进行校园悬赏任务平台程序的开发,在数据库的选择上面,选择功能强大的Mysql数据库进行数据的存放操作。校园悬赏任务平台的开发让用户查看任务信息变得容易,让管理员高效管理任务信息。 校园悬赏任务平台具有管理员角色,用户角色,这几个操作权限。 校园悬赏任务平台针对管理员设置的功能有:添加并管理各种类型信息,管理用户账户信息,管理任务信息,管理任务资讯公告信息等内容。 校园悬赏任务平台针对用户设置的功能有:查看并修改个人信息,查看任务信息,查看任务资讯公告信息等内容。 系统登录功能是程序必不可少的功能,在登录页面必填的数据有两项,一项就是账号,另一项数据就是密码,当管理员正确填写并提交这二者数据之后,管理员就可以进入系统后台功能操作区。项目管理页面提供的功能操作有:查看任务,删除任务操作,新增任务操作,修改任务操作。任务资讯公告信息管理页面提供的功能操作有:新增任务资讯公告,修改任务资讯公告,删除任务资讯公告操作。任务资讯公告类型管理页面显示所有任务资讯公告类型,在此页面既可以让管理员添加新的任务资讯公告信息类型,也能对已有的任务资讯公告类型信息执行编辑更新,失效的任务资讯公告类型信息也能让管理员快速删除。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值