HTML--Boby部分之<img>标签
随笔记录方便自己和同路人查阅。 #------------------------------------------------我是可耻的分割线------------------------------------------- <img> 标签是用来显示图片的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>input系列</title> </head> <body> <img src="2.jfif" alt="校花" /> </body> </html> 结果展示： 注意事项：图片需放在 html 同一目录，不然需要写上图片的相对路径 以上结果可以看出图片加载成功了，但是有点大，优化一下就上长和宽： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>input系列</title> </head> <body> <img src="2.jfif" alt="校花" width="200px;" height="200px;" /> </body> </html> 结果展示： 给图片加超链接跳转功能，比如淘宝一点击商品图片就跳转到商品详情页： <!DOCTYPE html> <html lang=