首页 > 代码库 > HTML图像学习-9.20
HTML图像学习-9.20
1、插入一副图
<img src="http://www.mamicode.com/i/eg_mouse.jpg" width="128" height="128" />
2、eg:添加背景图片
<body background="/i/eg_background.jpg"> 注意路径绝对要正确
3、
<1>图片插入文字中,但未设定对齐方式
<p>图像 <img src ="http://www.mamicode.com/i/eg_cute.gif"> 在文本中</p> 默认为底部对齐
<2>图片插入文字中,设定对齐方式
<p>图像 <img src="http://www.mamicode.com/i/eg_cute.gif" align="bottom"> 在文本中</p> 底部对齐
<p>图像 <img src ="http://www.mamicode.com/i/eg_cute.gif" align="middle"> 在文本中</p> 中间对齐
<p>图像 <img src ="http://www.mamicode.com/i/eg_cute.gif" align="top"> 在文本中</p> 顶部对齐
4、浮动图像
<p>
<img src ="http://www.mamicode.com/i/eg_cute.gif" align ="left">
带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。
</p>
5、为图片显示替换文本
<img src="http://www.mamicode.com/i/eg_goleft.gif" alt="向左转" /> 如果您把鼠标指针移动到图像上,会显示需求替换文本,如果无法显示图像,将显示 "alt" 属性中的文本
6、制做图片链接
<p>
您也可以把图像作为链接来使用:
<a href="http://www.mamicode.com/example/html/lastpage.html">
<img border="0" src="http://www.mamicode.com/i/eg_buttonnext.gif" />
</a>
</p>
点击图片可以链接到指定位置
7、
HTML图像学习-9.20