Html之 图像标记

简介: Html之 图像标记

Html之 图像标记

1.使用方法

<img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值">```
<img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值">

2.标记的属性

`1.src属性  指定我们要加载的图片的路径和图片的名称以及图片格式`
    2.width属性  指定图片的宽度,单位px、em、cm、mm 
3.height属性  指定图片的高度,单位px、em、cm、mm  
4.border属性   指定图标的边框宽度,单位px、em、cm、mm  
5.alt属性  
 - 当网页上的图片被加载完成后,鼠标移动到上面去,会显示这个图片指定的属性文字
 - 如果图像没有下载或者加载失败,会用文字来代替图像显示
 - 搜索引擎可以通过这个属性的文字来抓取图片

3.注意


1、为单标记,不需要使用闭合

2.在加载图像文件的时候,文件的路径或者文件名文件格式错误,将无法加载图片


目录
相关文章
|
1月前
|
数据可视化 前端开发
HTML基础结构和常用标记的例子
HTML基础结构和常用标记的例子
15 0
|
1月前
|
数据安全/隐私保护
7.常用的HTML标记
7.常用的HTML标记
13 0
|
3月前
|
前端开发 JavaScript
前端必看的8个HTML+CSS技巧 (六) 裁剪图像的动画
前端必看的8个HTML+CSS技巧 (六) 裁剪图像的动画
N..
|
25天前
HTML常用标记
HTML常用标记
N..
13 1
|
1月前
|
前端开发 JavaScript UED
如何在HTML中添加图像链接
如何在HTML中添加图像链接
21 1
|
1月前
|
Web App开发 存储 数据可视化
编程笔记 html5&css&js 029 HTML图像
编程笔记 html5&css&js 029 HTML图像
|
1月前
|
移动开发 HTML5
HTML5文档头部相关标记
【2月更文挑战第9天】HTML5文档头部相关标记。
13 1
|
3月前
|
移动开发 UED HTML5
如何像人类一样写HTML之图像标签,超链接标签与多媒体标签
如何像人类一样写HTML之图像标签,超链接标签与多媒体标签
|
8月前
HTML基础(三)图像和超链接
HTML基础(三)图像和超链接
|
前端开发
web前端-HTML图像,表格,列表的使用
web前端-HTML图像,表格,列表的使用
185 0