HTML笔记6、插入图片《img/》、object标签、pre标签

插入图片<img/>（空标记）

<img src="cle.jpg" width="1300px" alt="无法显示时的说明" title="图片名称" />

常用属性：

 

属性	作用
alt	1、图片无法显示时，将图片说明性文字显示到图片位置 2、给搜索引擎用，目前搜索引擎通过alt说明性文字确定图片
title	标题，鼠标悬停时显示
width	图片宽度
height	图片高度
border	图片边框粗细
src	图片的路径(相对路径)
align	图片的水平对齐方式 取值：left、center、right
hspace	图片与左右文字之间的距离(水平距离)
vspace	图片与上下文字之间的距离(垂直距离)

注意事项： 

• 如果图片想等比例缩放，只需要指定width或height其中一个。
• align属性只能让文本居中，不能让图片单独居中。
• align可以实现“图文混排”效果。align = “left | right”

object标签（插入Flash）

Flash插入以后去掉背景颜色，选中Flash，在属性栏上wmode选项中选择透明

pre标签

pre元素可定义预格式化文本，被包围在pre元素中通常会保留空格和换行符，而文本也会呈现为等宽字体

ps：pre标签不要用来排版，主要用来调试

<pre>
保留
换行符
和     空格

</pre>