html怎么添加图片

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

点击打开html编辑器sublime_text.

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

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

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

html简介：

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

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

在html中某个div里加入背景图片的话，主要有以下几种方式：第一种： 在css文件里加入背景图片：在css里用url(../images/背景图2.jpg)，在内联css和引入css中会由于html文件和css文件所处的相对位置不同，引入图片路径会有所不同。 如图：第二种：在html中引入：<div class="detail" style="background-image: url(../images/背景图1.jpg)"></div>，同理url()括号里是图片的引入路径。 如图：第三种：在div中加一张图片 <div class="detail" >                   <img src="../images/背景图1.jpg" alt="" style="width:100%height:100%"> </div> 如图：当图片小于背景区域大小时，图片会不断重复显示，如果不想图片重复显示，可以设置background-repeat，background-repeat有4个值，分别是repeat（代表重复显示）、no（代表不重复）、repeat-x（代表水平方向上重复）、repeat-y（代表垂直方向上重复） 当图片小于背景区域大小时，默认从左上角开始铺，如果想从任意位置开始铺，可以使用background-position属性，设置在x、y方向的偏移量。当图片大于背景区域时，只显示图片左上角。 当图片和背景区域大小一样大时，显示整张图片。

HTML网页插入图片。感兴趣的小伙伴们快来了解一下吧。

插入图片01

将光标定位在HTML文档中要插入图像的位置。

02

点击“插入”菜单，选择“图像”项，或者单击“插入”面板上“常用”项，选择“图像”按钮。

03

点击“图像”按钮，d出“选择图像源文件”对话框。

04

选择完之后，单击“确定”按钮，之后会d出“图像标签辅助功能属性”对话框。

05

设置完成之后点击“确定”按钮，就可以了。

如何更改图片大小、添加边框01

宽度和高度：

通过使用属性中的宽度和高度来校正在网页中显示图像的大小。

例如代码：

<img src="test.jpg" width=100 height=100>

width=宽度

height=高度

02

边框:

我们可以使用属性中的"border"来设置图像周围的边框。这可以用于创建在图像周围的空间。

例如代码:

<img src="test.jpg" border=4>

03

对齐:

我们可以使用属性中的"align"来对齐图像。

把属性值设置成：left/right/center

例如代码:

<img src="test.jpg" align=left><img src="test.jpg" align=right alt="xxx">

---