原创力文档- 1、本文档共10页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
今日要点：
•常见格式讲解
•与连接
•路径知识（绝对路径、相对路径)
在之前的课程我们学习了html的完整结构和代码的权重，对head里面的seo三要素有了
一定的了解，title和meta的作用。我们知道head是网页的头部，装着一个网页的title
，meta思想，style“品味”。
关于头部咱们已经了解清楚，那么咱们今天要学习body里面的东西
一.常见格式讲解
我们知道网页内容包括文字，图像，，音频。之前在文字上转悠，现在先恭喜
大家进入图像时代。在我们讲如何把放到网页上之前，先讲解一下常见的格式和特
点见下表：
格透明无损
动画
式性耗性
Gif√√√
Jpeg
×××
/jpg
Png√√×
透明性是指的能否支持透明属性可以透过透明区域看到遮挡住的内容
在常用中gif和png支持透明
如下图支持透明的png
图10.1png的透明
gif只有透明和不透明两种状态
png完全支持alpha透明的(透明，半透明，不透明)
动画是指动画网络传输中只有gif能够动画如下图
图10.2gif透明动画
无损耗性的编辑和使用要在网络上，所以就有了压缩技术，这是为了在网络上
以最小的体积进行传输，jpg的每次编辑修改都会经过压缩从而丢失一些数据所以是有
损耗的，而gif与png则相反。
同等图像显示效果情况下大小
gifpngjpg
所以大家以后在网络上进行使用时按照自己的需求选择合适的
二.与连接
我们现在知道了的格式，咱们尝试把通过使用HTML，可以在文档中显示图像。接下来
介绍两个。
imgsrc=路径alt=可替换文本title=说明width=宽度height=高度
/
咱们来解释一下它们的属性以及对seo有何影响，
图10.3搜图
之所以能够通过我们提供的信息给出对应的就是因为随机抓取到的alt描述里
面有对应的。当然为什么会被搜索引擎当作抓取标准呢？因为它还是替换文本，
当html载入失败时可以显示一段文字给用户，让用户知道这里原本是放了一张
文档评论（0）