一.在浏览器中插入图片:
(1)图片文件和当前文件在同一个路径下;
1 <!doctype html><html> 2 <head> 3 <!--<base href="/公共性文档/"></base>--> 4 </head> 5 <body> 6 <img src="1..jpg"> 7 </body> 8 </html>
(2)图片文件和当前文件不在同一个路径下:
1 <!doctype html><html> 2 <head> 3 <base href="/公共性文档/"></base> 4 </head> 5 <body> 6 <img src="1..jpg"> 7 </body> 8 </html>
二.
如果无法显示,浏览器将用文本代替图片:
1 <!doctype html><html> 2 <head> 3 <base href="/公共性文档/"></base> 4 </head> 5 <body> 6 <img src="1..jpg" alt="DeluceRoom"> 7 </body> 8 </html>
在旧版本的IE中测试结果:
三.限制图片的宽和高:(可能需要做等比例缩放处理)
1 <!doctype html><html> 2 <head> 3 <base href="/公共性文档/"></base> 4 </head> 5 <body> 6 <img src="1..jpg" alt="DeluceRoom Hotel" width="304" height="228"> 7 </body> 8 </html>
测试结果: