怎么在html中加图片

代码是“<img scr = '图片地址'>”。

1、新建html文件，在body标签中添加img标签，img标签在html中没有结束标签，所以不需要添加“</img>”代码。给img标签添加属性“src”，属性值填自己想要添加图片的地址，这里以同一目录下的1.png为例，这样图片就添加好了:

2、为了防止用户浏览网页时图片加载失败而不知道这边是什么内容，可以给img标签添加“alt”属性，属性值填想要显示的内容，这里以“鹦鹉”为例，此时，当图片加载失败时，“鹦鹉”两个字就会显示出来：

3、img插入的图片大小默认是图片自身的大小，我们可以用“width”属性和“height”属性控制图片大小，这里以宽度200和高度200为例，此时代码就是“width='200' height='200'”，这样图片大小就会变成200*200：

1、打开Sublime text3，新建一个HTML文档，并且建立好框架。

2、输入代码：

<table>

      <tr>

          <td>Student</td>

          <td><input type="text" name="student"></td>

      </tr>

      <tr>

          <td>Height</td>

          <td><input type="text" name="height"></td>

      </tr>

      <tr>

          <td colspan=2>

              <input type="button" name="add" value="add">

          </td>

      </tr>

  </table>

设立两行文本输入框，并且提示可以增加的按钮。

3、<table id="mainTable">

为标签加上id方便定位。

4、加上监听事件的函数。

onclick="adding()"

然后连接js文档。

<script src="test.js"></script>

5、function adding(){

  var table = document.getElementById("mainTable")

  var addTr = table.insertRow(2)

}

创建函数，然后设定两个变量。一个用于定位标签位置，另一个增加行数在第二行。测试一下，多次点击确实会往下移动。

6、var addTd = addTr.insertCell()

  addTd.innerHTML = "新增"

除了要增加tr还要增加td，并且增加文本提示。

7、稍微修改一下变量名字。再增加文本输入框。

function adding(){

  var table = document.getElementById("mainTable")

  var addTr = table.insertRow(2)

  var td1 = addTr.insertCell()

  td1.innerHTML = "新增"

  var td2 = addTr.insertCell()

  td2.innerHTML = "<input type='text 'name='newnew' >"

}

8、最后就可以看到按钮了。

要在某行文字中添加两个半角空格，可以使用 HTML 的 实体。 代表 Non-Breaking SPace， 即不间断空格，可以在 HTML 代码中添加空格。它可以用于插入多个空格，而不会被浏览器自动压缩成一个空格。 另外，HTML 代码中的空格也可以通过编码来添加，比如 代表空格。如果要在 如果要在 HTML 中在某行文字中添加两个半角，可以使用 HTML 实体字符或使用 CSS 的 padding 属性实现。下面分别介绍两种方法：

一、使用 HTML 实体字符

在 HTML 中，使用实体字符可以将特殊字符转换为 HTML 实体，实现在文本中添加空格的效果。要在某行文字中添加两个半角，可以使用实体字符   或  ，这两个实体字符都代表一个半角空格。在 HTML 中，只需要在需要添加空格的地方插入   或   即可。

二、使用 CSS 的 padding 属性

如果要在某个元素的文字中添加空格，可以使用 CSS 的 padding 属性实现。padding 属性可以用来设置元素的内边距，从而调整元素的大小和间距。要在某个元素的文字中添加两个半角空格，可以在该元素的 CSS 样式表中设置 padding 属性，如下所示：

```

<style>

.text {

padding-right: 10px/* 在文字右侧添加 10px 的空白 */

padding-left: 10px/* 在文字左侧添加 10px 的空白 */

}

</style>

<div class="text">在这里添加两个半角空格</div>

```

上述代码中，padding-right 和 padding-left 属性分别设置在文字右侧和左侧添加 10px 的空白，从而实现了在文本中添加两个半角的效果。 代码中插入多个空格，可以把 用多个重复使用，比如代表两个空格。

---