HTML构建图文并茂类页面----HTML插入图片

1. 插入图片

插入方式1：使用img标签插入图片

例如：

插入方式2 图片做背景：使用style=”background”作背景插入

1. height和width属性

height:制定图片的高度

width：制定图片的宽度

按需求进行设计

1. 图片的格式

Gif:支持动画，支持半透明。

Png:不支持动画，体积小

Jpg:不支持动画，不支持半透明，可以展示丰富多彩的颜色。

1. 相对路径（HTML和图片的位置来比喻）

当前目录：使用 ./来表示。

例子：如图所示

此时可以写成：

./可以省略不写即写成：

上一级目录   用  ../来表示

例子：如图所示 图片在HTML的上一级目录中

代码可以写成

下一级目录   直接写

即

绝对路径的使用：在树形目录结构中，从根节点到查找文件的唯一通路。

1. 为图片添加标题

Figure标签来标记文档中的一个图片,采用figcaption标签说明图片的标题。

例子：

HTML代码参考

	
		
		
	
	
		
		

			
用户指南
			

			
如何注册 MobileShop 账号？
			
如果你没有可以按照以下操作

			

				
				
王朝是一直注意