src怎么放多张照片_IT百科

方法/步骤分步阅读

新建一个html文件，命名为test.html，用于讲解怎样用js插入多张图片的页面中。

在test.html文件内，使用div创建一个图片输出的区域，并设置div的id属性为pic，主要用于下面使用js获得该div对象。

在test.html文件内，使用css设置div的图片样式，设置图片的宽度为200px，高度为100px。

在test.html文件内，使用button标签创建一个按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行add()函数。

在test.html文件内，在js标签内，创建add()函数，在函数内创建一个图片路径的数组。

在add()函数内，使用for循环遍历arr数组，将图片路径逐个插入img标签的src属性内，并将所有img标签连接成一个字符，最后，通过getElementById()方法获得div对象，将多个img标签的html插入div内。

在浏览器中打开test.html文件，点击按钮，查看实现的效果。

具体步骤如下所示：

1、打开电脑，进入软件中，编写设置大小的代码，代码如下所示。

2、在左边的选项中选择javastudy包，在子文件下选择Java。

3、选择之后，就会看到以下画面，通过代码加入图片，代码如下图所示。

4、写好代码之后，选择左边的菜单，如下图所示，点击以下选项。

5、图片插入之后，就成功了。

html添加图片的方法：首先打开编辑器，新建img标签；然后给img标签的属性【src添加一张图片的地址】；最后把html文件拖到浏览器中即可。具体如下：

点击打开html编辑器sublime_text.

我们创建一个html文件，然后【创建一个img标签】。

创建img标签以后，我们给img标签的属性【src添加一张图片的地址】。

我们把html文件拖到浏览器中，然后就可以查看加入图片的效果了。

html简介：

超文本标记语言(HyperTextMarkupLanguage)，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言(markuplanguage)，是网页制作所必备的。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

欢迎分享，转载请注明来源：内存溢出

src怎么放多张照片