<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>image tag演示</title> </head> <body> <img src="./img/qzx1.jpg" alt="全智贤" title="妹子" width="200px"> <img src="./img/freebsd.jpg" alt="freebsd" title="类unix" width="200px"><br /> <img src="./img/qie.gif" alt="窃格瓦拉" title="类unix" > <img src="./img/notExist.gif" alt="这是图片不存在显示的" title="不存在" > </body> </html>
<img src="./img/qzx1.jpg" alt="全智贤" title="妹子" width="200px">
alt：图片不存在时显示的文字，替换文本
title：鼠标放到图片上时，显示的文字，提示文本
src：图片的源地址
width：宽，如果不设置高则等比例缩放
height：高
效果
