Head first html and css学习笔记3

今天看了第五章和第六章

第五章主要讲了<img>元素的属性

web支持三种image格式

  1. JPEG 具有1600万种颜色,多用于照片和复杂图像,“有损”格式;
  2. PNG 兼具性能和大小的优点,用于单色图像和线条构成的图像,支持百万种颜色,“无损”格式;(PNG-8、PNG-24、PNG-32)
  3. GIF 256种颜色,用于单色图像和线条构成的图像,“无损”格式,动图。

第五章介绍图片处理的内容较多,主要用了Adobe公司的Photoshop Elements对图像格式、大小、质量进行编辑。通过该工具图片下方信息还能查看图片的大小、放到web上图片的加载时间。

<img>元素为内联元素、void元素,属性有:

  1. alt = “xxx”  提供图片信息,标准html5必填,只有当图片加载失败才会显示;
  2.  width = “xxx ”  height = “xxx”  html标签主要用来提供结构信息,因此这两个属性主要用来告诉浏览器图片大小,不用于调节图片尺寸。如果用这两个属性调节图片尺寸的话,浏览器还是会加载完整大小的图片,再调整大小,会影响页面加载时间。

可以将<img>元素嵌套到<a>元素内为缩略图链接到原图。


第六章介绍了工业级的html标准

介绍了html标准的发展历史,html5已经摒弃了很多繁杂旧标准的写法,并且向后兼容,是活的标准。

最新的html只需要写

  1.   <!DOCTYPE html>来增加文档定义类型,写在开头。
  2. 在<head>里添加<meta charset = "utf-8">指定编码类型(utf-8是unicode的一个编码)。
  3. <head>元素中只能放置<title>、<meta>、<style>元素(必填<title>、<meta>)

可以对html文件夹进行检查的W3C验证工具http://validator.w3.org

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值