如何将<img>图片插入html元素中
教程管理员 发布于2023-09-30 22:22 HTML教程 164
简介：
本章节简单介绍一下如何将一个图片插入html元素中，这个属于最基础的html知识，适合于初学者，下面做一下简单介绍。
代码如下:
| 1 |
<div><img src="mytest/demo/tree.jpg" width="100" height="100" border="1"/></div>
|
以上代码可以在div中插入一个图片，并设置图片的尺寸和边框宽度，图片的尺寸和边框宽度最好用css设置。
完整代码如下:
| 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 |
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
img{
width:100px;
height:100px;
border:1px solid blue;
}
</style>
</head>
<body>
<div><img src="mytest/demo/tree.jpg" /></div>
</body>
</html>
|
更推荐使用以上方式设置设置图片的样式。
原文发布时间为：2017-2-13
本文作者：admin
本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落
原文链接：如何将<img>图片插入html元素中
相关推荐
- 03-20 安全元素科技风卡车介绍Office PPT免费模板背景素材下载
- 03-18 三角形元素图形与裁图精美创意大气商业汇报路演Office PPT免费模板背景素材下载
- 03-18 点线球体元素扁平化简约蓝色互联网科技风Office PPT免费模板背景素材下载
- 03-17 自己填充图片的大气欧美风商务工作汇报Office PPT免费模板背景素材下载
- 03-16 自己填充图片的星空背景大气欧美风Office PPT免费模板背景素材下载（100P）
- 03-08 清新简约图片应用商务Office PPT免费模板背景素材下载
- 03-02 自己填充图片大气欧美风商务工作汇报Office PPT免费模板背景素材下载
- 03-01 一份以3D小人为主要设计元素的自我介绍PPT模板,包括学习经历、工作经历、培训经历、团队精神、工作规划几部分。
- 02-17 恭贺新禧——水墨梅 窗户 囍字图案古典元素新年Office PPT免费模板背景素材下载
- 02-02 退伍军人应聘求职简历封面图片_简介doc文档Word模板下载
- 控制面板
- 友情链接
- 最近发表
-
- 涂鸦而不乱简约艺术主题Office PPT免费模板背景素材下载
- 有创意的情人表白动态贺卡Office PPT免费模板背景素材下载
- 绿色简约技能竞赛电力Office PPT免费模板背景素材下载
- 极简几何商务蓝年终总结汇报Office PPT免费模板背景素材下载
- 蓝橙简约商务年终总结汇报Office PPT免费模板背景素材下载
- 绿色清新教育风课堂教学通用Office PPT免费模板背景素材下载
- 潮流复古艺术感年终总结Office PPT免费模板背景素材下载
- 浅绿商务风工作总结报告Office PPT免费模板背景素材下载
- 大气简约时尚年终总结汇报Office PPT免费模板背景素材下载
- 喜庆春节风公司年终誓师表彰大会Office PPT免费模板背景素材下载
- 最新留言
-
