08-HTML学习-图片标签

一时失言乱红尘 2023-10-02 18:31 31阅读 0赞

网上下载的图就是这么上传的

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Document</title>
  8. </head>
  9. <body>
  10.     <!-- 图片标签:可以向网页中引入一张图片
  11.         img 标签引入图片
  12.         img 是一个自结束标签(单标签)
  14.         标签的属性
  15.         src 指定需要插入图片的路径(本地\网络)
  16.         alt  替换文本,当图片无法正常显示时,替换的文本,有助于搜索引擎的识别
  17.         title 提示文本,当鼠标放在文本上,提示的文本
  18.         width \ height 设置图片的宽度和高度,单位是像素,px;设置其中之一,则会等比例,两个都设置,则会执行,通常不会设置图片大小
  20.         图片的格式
  21.         jpg jpeg 支持的颜色比较丰富,不支持透明效果,不支持动图
  22.         gif 支持的颜色较少,支持简单透明 支持动图
  23.         png 支持颜色较多,支持复杂透明,不支持动图
  24.         webp 谷歌新推出的图片形式专门用以网页,具有以上图片所有的优点兼容性不好
  27.     -->
  28.     <img src="./1.png">
  29.     <img src="https://img2.baidu.com/it/u=2179385837,288805018&fm=253&fmt=auto&app=138&f=JPEG?w=633&h=500">
  30.     <img src="sackjdhcg.png" alt="图片无法正常显示">
  31.     <img src="./1.png" alt="骑自行车" title="一起来玩啊">
  32. </body>
  33. </html>

发表评论

表情：
评论列表 （有 0 条评论，31人围观）

还没有评论，来说两句吧...

相关阅读