html图像设计代码,html——图像设计(示例代码)

本文介绍了HTML中插入图像的规则,包括各种格式的图像、插入位置、对齐方式、尺寸调整、边框添加及背景图像设置。通过示例代码详细讲解了如何在网页中控制图片与文本的间距和对齐,以及如何改变图片大小和添加边框。
摘要由CSDN通过智能技术生成

1、概述

在html网页中,我们也可以往网页中插入图片;图片的格式有很多种,分别有JEPG格式、PNG格式、GIF格式;每种格式都有自己的特点以及缺点,对于图像格式的使用并没有严格的要求,一般根据开发者的习惯而定,但是一般来说,Logo、Banner、简单线条构图的时候比较适合使用PNG格式 ;照片、图画等比较适合使用的是JEPG格式;动图的话自然是GIF格式啦~

2、使用规则

2.1、在左中右插入图片

在网页中插入图片的标签是:   说明:img就是image的缩写,src就是图片的路径;这里要特别说明一下:图片的路径是已经继承了这个html文件的路径了,如果还往后延伸的话,直接写延伸部分;例如:我的html文件的路径是:F/html源文件    我的路飞图片路径:F/html源文件/图片/路飞  (所以只需要写后面部分就好了)。

在网页的左边、中间、右边插入图片有2种方式(中间插入只有一种);分别是在img标签中添加位置命令和在p标签中添加,代码如下

%E8%B7%AF%E9%A3%9E.jpg

%E8%B7%AF%E9%A3%9E.jpg

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值