Html5基础之标签

 时间:2026-02-13 08:22:10

1、首先我们先写一个标准的html5

Html5基础之标签

2、然后我们写一个<img>标签,其中src就是图片的地址

Html5基础之标签

Html5基础之标签

3、这里需要注意一点的是,<img>标签是不独立占一行的

Html5基础之标签

4、这里需要介绍属性【height】和【width】

如果你手动指定了img的height和width,那么图片可能会变形(因为不是等比例)

Html5基础之标签

Html5基础之标签

5、怎么解决图片变形呢?

可以只指定其中一个值,剩下的一个值系统会计算出来。

Html5基础之标签

Html5基础之标签

6、【title】属性当鼠标悬停在图片上时显示的内容

Html5基础之标签

Html5基础之标签

7、【alt】属性规定图像的替代文本。

(alternate)当需要的图片找不到时显示文本

Html5基础之标签

Html5基础之标签

  • Html5基础之标签详解
  • Html5基础之H标签详解
  • HTML5新增标签一
  • HTML5新增标签三
  • HTML5新增表单标签二
  • 热门搜索
    法制进校园手抄报 手抄报a3版面设计图 我的家庭手抄报 关于校园安全的手抄报 绿色手抄报内容 健康教育手抄报内容 五一节的手抄报 手抄报花边又漂亮 时代广场的蟋蟀手抄报 手抄报版面设计图花