道一站 道一站
首页
  • 历史文明
  • 自我管理
  • 经济金融
  • 未来科技
  • 李笑来
  • 股票
  • 期货
  • 期权
  • 外盘
  • 量化
  • 区块
  • 认知
  • 数理
  • 收藏
  • 前端

    • JavaScript
    • TypeScript
  • 页面

    • HTML
    • CSS
  • 编程

    • C++
    • Python
    • Shell
    • 小程序开发
  • 笔记

    • 《Git》
    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
  • 技术文档
  • Linux
  • Docker
  • GitHub
  • 博客搭建
  • 效用工具
  • 周易基础
  • 奇门遁甲
  • 收藏资源
  • 学习方法
  • 实用技巧
  • 友情链接
  • 分类
  • 标签
  • 归档
关于

daotoyi

静水流深
首页
  • 历史文明
  • 自我管理
  • 经济金融
  • 未来科技
  • 李笑来
  • 股票
  • 期货
  • 期权
  • 外盘
  • 量化
  • 区块
  • 认知
  • 数理
  • 收藏
  • 前端

    • JavaScript
    • TypeScript
  • 页面

    • HTML
    • CSS
  • 编程

    • C++
    • Python
    • Shell
    • 小程序开发
  • 笔记

    • 《Git》
    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
  • 技术文档
  • Linux
  • Docker
  • GitHub
  • 博客搭建
  • 效用工具
  • 周易基础
  • 奇门遁甲
  • 收藏资源
  • 学习方法
  • 实用技巧
  • 友情链接
  • 分类
  • 标签
  • 归档
关于
  • C++

  • JavaScript

  • TypeScript

  • CSS

  • HTML

    • HTML [速查列表]
    • HTML常用meta整理
    • HTML 表单
    • HTML 表格
    • HTML 键盘快捷键
    • HTML 链接
    • HTML 区块
    • HTML 属性
    • HTML 图像
      • 实例
    • HTML 文本格式化
    • HTML 语法 元素 属性
    • HTTP [方法]
    • HTML Px、Em 换算
  • Python

  • Shell

  • Notes

  • 编程
  • HTML
daotoyi
2023-10-07
目录

HTML 图像

HTML 图像

HTML图像

通过HTML,可以在文档中显示图像

图像标签img

<img src="url">

在 HTML 中,图像由 <img> 标签定义,<img> 是单标签有闭合标签

源属性src

要在页面上显示图像,需要使用源属性src,源属性的值是图像的 URL 地址。

URL 指存储图像的位置

浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间,那么浏览器会首先显示第一个段落,然后显示图片,最后显示第二段。

替换文本属性Alt

alt 属性用来为图像定义一串预备的可替换的文本,替换文本属性的值是用户定义的

<img src="1.jpg" alt="cat">

这个属性主要在浏览器无法载入图像时,替换文本属性告诉用户未加载图像的信息。此时浏览器将显示这个替代性的文本而不是图像,这样有助于更好的显示信息

# 实例

<img src="images/logo.png"> html中文网提供大量免费、原创、高清的html视频教程,<br>并定期举行公益html培训! 可边学习边在线修改示例代码,<br>查看执行效果!html从入门到精通,一站式html自学平台!

运行实例 »

点击 "运行实例" 按钮查看在线实例

结果:

上次更新: 2023/10/10, 14:48:21
HTML 属性
HTML 文本格式化

← HTML 属性 HTML 文本格式化→

最近更新
01
置身事内
10-10
02
基础知识|八卦五行天干地支
10-08
03
基础知识|推算年月日时的干支
10-08
更多文章>
Theme by Vdoing | Copyright © 2021-2023 Daotoyi | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式