HTML标记【图片的使用】！

最新推荐文章于 2022-12-27 20:16:15 发布

zmqhbd

最新推荐文章于 2022-12-27 20:16:15 发布

阅读量3k

点赞数

分类专栏： .NET 文章标签： html border 浏览器

.NET 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

图片的使用

======================================================
使用<img>标心插入图片
<img>标记是用于导入图文件的标记，使用此标记可将文件导入到HTML文件中显示。<img>标记并无终止标记，因为当浏览器读取到<img>标记时，会直接显示此标记所代表的图片，目前浏览支持gif、jpg等格式的图片。利用<img>标记导入图文件的最基本语法如下：

其中src属性为<img>标记的必要属性，是不可省略的，该属性将指定要导入的图文件的保存位置与名称。

例：
<html>
<body>
<img src=image/scenery.gif>
</body>
</html>
==================================================================
图片高度——height属性
设置显示网页中图片高度的语法如下：
<img heigh=n或m%>
n为一整整数值，单位为像素。m为0~100的数值

例：
<html>
<body>
<img src=image/flower.gif>
<img src=image/flower.gif height=200>
<img src=image/flower.gif height=20%>
</body>
</html>
================================================================
图片宽度——width属性
设置显示于网页中图片宽度的语法如下：
<img width=n或m%>
n为一整整数值，单位为像素，m为0-100的数值，代表图文件显示宽度相对于窗口宽度的百分比。

例：
<html>
<body>
<img src=image/flower.gif>
<img src=image/flower.gfi width=200>
<img src=image/flower.gif width=15%>
</body>
</html>

设置图片的高度和宽度
例：
<html>
<body>
<img src="image/setting sun.gif"height=30% width=60%>
此图为相对于窗口高度的30%与宽度的60%
<img src="image/setting sun.gif"height=100 width=350>
此图的高度为100像素，宽度为350像素
</body>
</html>
======================================================
图片边缘宽度——border属性
<img>标记的border属性，用于设置图片的边框宽度，其语法如下：
<img border=n>
例：
<html>
<body>
<img src="image/to fish.gif"height=30% border=8>
此图的边框为border=2 
<img src="image/to fish.gif"height=20% border=6>
此图的边框为border=6 
<img src="image/to fish.gif"height=10% border=2>
此图的边框为border=8 
</body>
</html>
=======================================================
图片水平空间——hspace属性
设置图片左右两边水平方向的空白区域宽度，在网页中的文字以及其他对象
<img hspace=n>
n为数值，单位为像素

例：
<html>
<body>
<img src="image/flower1.gif"height=50% haspace=20>
此图的hspace值为80
<img src="image/flower1.gif"height=30% haspace=60>
此图的hsapce值为60
</body>
</html>

=============================================================
图片垂直空间——vspace属性
<img vspace=n>n为数值，单位为像素
例：
<html>
<body>
<img src="image/flower1.gif" height=20% width=30% vspace=10>
此图的vspace值为10
<img src="image/flower1.gif" height=30% width=50% vspace=80>
此图的vspace值为50
</body>
</html>
======================================================

zmqhbd

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML标记【图片的使用】！

图片的使用======================================================使用标心插入图片标记是用于导入图文件的标记，使用此标记可将文件导入到HTML文件中显示。标记并无终止标记，因为当浏览器读取到标记时，会直接显示此标记所代表的图片，目前浏览支持gif、jpg等格式的图片。利用标记导入图文件的最基本语法如下：其中src属性为标记的必要属性，
复制链接

扫一扫