图像标记
Posted 笨鸟先飞
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图像标记相关的知识,希望对你有一定的参考价值。
<img>图像标记
1.使用方法:<img src =“路径/文件名.图片格式” width =“属性值” height =“属性值” border =“属性值” alt=“属性值”>
2.注意:
a.<img>为单标记,不需要使用</img>闭合
b.在加载图像文件的时候,文件的路径或者文件名文件格式错误,将无法加载图片
3.<img>标记的属性
a. src为属性,作用指定我们要加载的图片的路径和图片的名称以及图片格式
b. width属性,作用指定图片的宽度,单位px,em,cm,mm
c. height属性,作用指定图片的宽度,单位px,em,cm,mm
d. border属性,作用指定图标的边框宽度,单位px,em,cm,mm
e. alt属性, 作用1当网页上的图片被加载完成后,鼠标移动到上面去,会显示这个图片指定的属性文字
作用2如果图像没有下载或者加载失败,会用文字来代替图像显示
作用3搜索引擎可以通过这个属性的文字来抓取图片
eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>第六天</title>
</head>
<body>
<img src="sds.html11" width="100px" height="1000px" border="10px" alt="这是一个测试case">
</body>
</html>
以上是关于图像标记的主要内容,如果未能解决你的问题,请参考以下文章