php怎么在⽹页中添加图⽚，图⽂详解HTML页⾯中添加图⽚的
三种⽅法
在页⾯布局时，经常需要在页⾯中插⼊图⽚，那你知道如何在HTML中添加图⽚吗？这篇⽂章就给⼤家介绍HTML页⾯中插⼊图⽚的三种⽅法，感兴趣的朋友可以参考⼀下，希望对你有所帮助。
⽅法⼀、⽤HTML中的img标签添加图⽚
最简单，最常⽤的就是直接使⽤img标签，并且可以根据需要设置图⽚的⼤⼩，代码如下：
picture1.jpg
效果图：
⽅法⼆、⽤JavaScript创建⼀个img元素来导⼊图⽚
先创建⼀个img元素，再设置这个img元素的路径，图⽚长和宽，最后将其插⼊到页⾯中，代码如下：
var Image1 = ateElement("img");
Image1.src = "img/picture1.jpg";
Image1.width = 300;
Image1.height = 180;
document.body.appendChild(Image1);
⽅法三、⽤JavaScript中的innerHTML动态插⼊图⽚
还是使⽤JavaScript中的⽅法，实质和⽅法⼆类似，只是写法不⼀样，创建img元素然后添加到HTML页⾯，代码如下：
document.body.innerHTML = 'picture1.jpg';
图⽚效果和⽅法⼀⼀样。
html document是什么
以上介绍了在HTML页⾯中添加图⽚的三种⽅法，⼀般我们都会直接使⽤img标签添加图⽚，但有时也会使⽤JavaScript动态插⼊图⽚，具体选择什么⽅法，看项⽬需要。⼩⽩可以⾃⼰动⼿尝试，希望可以帮助到你！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。