设置图像的title_图像标签&&标签属性

最新推荐文章于 2024-03-17 11:55:14 发布

果小蒙

最新推荐文章于 2024-03-17 11:55:14 发布

阅读量369

点赞数

文章标签：设置图像的title

本文链接：https://blog.csdn.net/weixin_42217306/article/details/112695777

版权

快关注我，一起学习吧~

图像是网页构成中最重要的元素之一，美观的图像会为网站增添生命力，同时也可以加深用户对网站风格的印象。

标签属性

使用HTML制作网页时，如果想让HTML标签提供更多的信息，可以使用HTML标签的属性加以设置。其基本语法格式如下：

内容标签名>

在上面的语法中，

1.标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。

2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。

3.任何标签的属性都有默认值，省略该属性则取默认值。

采取键值对——key="value" 的格式

比如: 表示：设置属性：宽度、值：400

图像标签img

HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签。

其基本语法格式如下：

img标签的几个常用属性：

属性	属性值	描述
src	URL	图像的路径
alt	文本	图像不能显示时的替换文本
title	文本	鼠标悬停时显示的内容
width	像素	设置图像的宽度
height	像素	设置图像的高度
border	数字	设置图像边框的宽度

<html>  <head>    <meta charset="utf-8" />    <title>Doumenttitle>  head>  <body>    基本图像插入方式<br />    <img src="img/logo.png"/><br />    alt属性<br />    <img src="img/logo1.png" alt="这是我的小logo！"/><br />    title属性<br />    <img src="img/logo.png" title="我是一个logo~~"/><br />    width/height属性<br />    <img src="img/logo.png" width="300"/><br />    border属性  <br />    <img src="img/logo.png" border="10"/><br />  body>html>