2021年2月25日 img学习笔记

img

index 索引

style 风格

type 类型

text 文本

ground 地面

background 背景

让整个网页通过css来改变颜色

medium 中等

target 目标

blank 空白

<style type="text/css">
body｛background-color：#eaf3da;｝
</style>

添加图像的方法是

<img src="img/xxx.jpg">

如果只是添加img图片则会方法图像导致浏览器缩小无法查看到全部

不使用width和height是因为他在读取网页内容时还是会读取原来的大小在转换为调整后的大小。（虽然你看不到）

提示：请不要通过 height 和 width 属性来缩放图像。如果通过 height 和 width 属性来缩小图像，那么用户就必须下载大容量的图像（即使图像在页面上看上去很小）。正确的做法是，在网页上使用图像之前，应该通过软件把图像处理为合适的尺寸。

行内标签

img是行内标签

所有尺寸大小设定好后，如果够小就按照浏览器的尺寸默认排放。（详细见 head first 195页）

相对路径

能不能直接连接到JPEG图像

也是通过超链接，有时候点击网页的图片会弹出一个空白页面只显示图像。

这是因为这个图片本身还有有一个超链接

<a href="photos/xxx.jpg">...</a>

这样填写超链接是直接在本页面打开下一个页面。

如果要新弹出页面需要在超链接里面增加

<a href="../photos/seattle_video_med.jpg"  target=“_blank”></a>