一、<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">