编辑
2023-03-19
HTML5
0
请注意,本文编写于 613 天前,最后修改于 590 天前,其中某些信息可能已经过时。

目录

属性
添加图像
说明
归属
语法
图片标签
语法
标签属性说明
注意
为元素添加title属性
说明
语法
添加网站图标
说明
语法
注意

属性

指用来描述标签特征的,属性表现形式,属性名="属性值"。也称为键值对,key=value;

添加图像

说明

用于放置各种图片、标志等

归属

  • 单标签
  • 内联块元素

语法

html
<img src="图片路径" alt="图片无法显示时的替代文本" />

图片标签

语法

html
<img scr="" alt="" title="">

标签属性说明

img: 图片标签
src:图片路径
alt:图片无法显示时的替换文本
title: 鼠标选悬停在图片时显示的文本

注意

  1. 图片标签的宽高单独设置时,图片会自动等比列缩放
  2. 图片命名时不应该有空格或空号
  3. 标志、线条艺术等图片一般格式为PNG-8,图片为PNG-24格式
  4. 主要目标是在保留可以接受的图像品质时让图像尺寸经可能减小

为元素添加title属性

说明

注意与title元素区分,此处只用作提示标签或屏幕阅读器为用户朗读文本的文本内容

语法

在要添加title的HTML元素中,输入title="label",其中label时访问者将鼠标移动到这个元素上时希望出现在提示框里的文本,或者希望有屏幕阅读器朗读的文本

添加网站图标

说明

一般为16pxX16px或72pxX72px,背景设置为透明的,且格式为ICO

语法

html
<head> <link rel="shortcut icon" href="Images/blog.ico"> </head>

注意

  1. 建议命名为favicon.ico
  2. 图标最好位于根目录

本文作者:RKLS

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!