SEO培训_网站优化培训_百度关键词排名_海瑶SEO学堂

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 398|回复: 0

网站建设课程(三)图片标签

[复制链接]

567

主题

577

帖子

6587

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6587
QQ
发表于 2014-12-13 12:05:05 | 显示全部楼层 |阅读模式
网站建设课程(三)图片标签免费学习


 1.img标签

img 元素向网页中嵌入一幅图像(技术上:是从网页上链接图像)


<1> 常见图片格式 ;

<2> 路径知识 (绝对路径、相对路径)

<3> 链接;


2.常见的图片格式
<1> .jpg

<2> .gif (Graphics Interchange Format)的原义是“图像互换格式”
特点一:支持无损耗压缩和透明度;
特点二:在一个GIF文件中可以存多幅彩色图像,如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上,就可构成一种最简单的动画,易于使用许多 GIF 动画程序创建。
缺点:详细的图片和写实摄影图像会丢失颜色信息

<3> .png 
优点:PNG 支持高级别无损耗压缩(支持透明度,);
确定:IE6不支持透明


3.路径知识

<1> HTML相对路径(Relative Path)

同一个目录的文件引用:

如果源文件和引用文件在同一个目录里,直接写引用文件名即可,
这时引用文件的方式就是使用相对路径。


<2> HTML绝对路径(Absolute Path)

完整的描述文件位置的路径就 是绝对路径

不需要知道其他任何信息就可以根据绝对路径判断出文件的位置;


4.img标签(img 元素向网页中嵌入一幅图像):
<1> 并不会在网页中插入图像,而是从网页上链接图像。
<2> 标签创建的是被引用图像的占位空间。


图片的四要素:

src , alt , width , height


属性:id, class, title, style


5.img标签 - 应用
<1> 插入不同格式的图片;

<2> 从不同的位置插入图片;

<3> 背景图片;

<4> 排列图片(align="bottom / middle / top");

<5> 浮动图像(带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧);

<6> 图片连接;


转载文章请注明:SEO培训教程

本文地址:SEO培训http://seo.cao4.net/thread-29-1-1.html

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

免费诊断网站
在线咨询
咨询热线
15859578444
微信扫一扫
直接访问本页内容

QQ|手机版|小黑屋|SEO学堂

GMT+8, 2017-10-18 00:52 , Processed in 0.266530 second(s), 33 queries .

Powered by SEO教程 X3.2 SEO培训 网站优化排名 网站优化①群:434931228 百度快速排名②群:199706487 本站业务:百度SEO培训,关键词排名服务,网站降权诊断,SEO教程视频分享

© 2001-2013 海瑶SEO学堂

快速回复 返回顶部 返回列表