HTML标签- 图像标签|学习笔记

2022-05-26 100

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 快速学习HTML标签- 图像标签

开发者学堂课程【HTML 入门与实战：HTML标签- 图像标签】学习笔记，与课程紧密联系，让用户快速学习知识。

课程地址：https://developer.aliyun.com/learning/course/593

HTML标签

图像标签

目录：

（一）图像标签介绍

（二）图像标签插入方式（<img/>）

（一）图像标签img (重点)
单词缩写: image图像

HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签，接下来将详细介绍图像标签<img />以及和他相关的属性。其基本语法格式如下：
该语法中src属性用于指定图像文件的路径和文件名，他是mg标签的必需属性。

（二）<img/>标记属性

属性	属性值	描述
src	URL	图像路径
alt	文本	图像不能显示时的替换文本
title	文本	鼠标悬停时的显示内容
width	图像（XHTML不支持%页面百分比）	设置图像的宽度
height	图像（XHTML不支持%页面百分比）	设置图像的高度
border	数字	设置凸显那个边框的宽度

想在页面里加图片不可以直接加图片，这时候就可以用到图像标签（<img/）

(添加完以后)【属性要上“”】

Title(鼠标悬停时的显示内容):

<!DOCTYPE html>
<chtml lang="en">
<head>
<meta charset="utf-8">

</head>
<body>
br hr img 三个单标签

1.基本图像插入方式cbr />
<img src="wo. jpg"/> (br />
2.带有alt的图像 
<img src="wo1. jpg" alt= ”这是我的大头贴"/> 
3.带有title的图像 
<img src="wo. jpg" title="刘德华的图像"/> 
</body>
</html>

范例（带有title的图像）：

(原) （现）