本章节简单介绍一下如何将一个图片插入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"
>
<
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元素中
