本文介绍了HTML中图片标签的用法及属性，包括不同图片格式的特点与适用场景，并详细解释了如何通过内部与外部样式表来应用CSS。
一、<img>
例：
<img src="img.png" alt="无图显示该文本" with="42" height="42" >
属性：
src ： 图片地址（地址尽量写相对地址）
alt ：无图时显示此处
with ：图片宽度
height ： 图片高度
图片格式：
浏览器广泛支持的三种：JPEG、PEG、GIF
JPEG：
1.颜色多达1600万种，所以适合保存照片和复制的图像。
2.是一种“有损”格式，因为缩小文件大小时慧丢掉图像的一些信息。
3.不支持透明度。
4.文件比较小，浏览器可高效展示。
5.不支持动画。
PNG：
三种：PNG-8、PNG-24、PNG-32（数字越大支持颜色越多,文件也越大）
1.PEG-8以适用于单色图像和线条构成的图像（如logo、图像中的小文本）
2.是一种“无损”的格式（压缩文件来缩小文件大小，不会丢掉信息
3.与JPEG相比，PNG文件更大一些
4.允许颜色设置“透明”
GIF：
1.GIF和PNG一样（1,2,3），不同点为GIF支持动画。
所以选择图片格式时。
如果是照片或颜色多，无需透明时可选：JPEG。
如果是图片单色或线条构成可选PNG或GIF，PNG比GIF小一点，这是可选PNG。
如果需动画只能选择GIF。
二、<link>
例：
<link rel="stylesheet" type="text/css" href="this.css">
三、html引用样式
内联样式：标签内使用“style”属性。
例：<p style="color="blue;"> 文本</p>
内部样式表：head中使用<style>元素包含css
例：
<head>
<style type="text/css">
body { color:blue;}
</style>
</head>
外部样式表：使用外部css文件
例：
<link rel="stylesheet" type="text/css" href="this.css">
扫一扫
710
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
