HTML 常用标签

1.a 标签

链接通过<a>标签表示，用户点击后，浏览器会跳转到指定的网址。<a>标签内部不仅可以放置文字，也可以放置其他元素，如段落、图像、多媒体等等。 例如：

 <img src="https://www.example.com/foo.jpg">
</a>test

<a>标签有如下属性。

(1) herf

href 属性给出链接指向的网址。它的值应该是一个 URL 或者锚点。

(2) target

target 属性指定如何展示打开的链接。它可以是在指定的窗口打开，也可以在<iframe>里面打开。 例如

<p><a href="http://foo.com" target="test">foo</a></p>
<p><a href="http://bar.com" target="test">bar</a></p>

当点击 foo 链接时，浏览器发现没有test窗口时，浏览器就会新建一个窗口为test,并在此打开foo,链接，当点击bar链接时，浏览器也会在新建的 test 中打开，两个为同一个test窗口。

注意：target属性的值也可以是以下四个关键字之一。

• _self：当前窗口打开，这是默认值。
• _blank：新窗口打开
• _parent：上层窗口打开，这通常用于从父窗口打开的子窗口，或者<iframe>里面的链接。如果当前窗口没有上层窗口，这个值等同于_self。
• _top：顶层窗口打开。如果当前窗口就是顶层窗口，这个值等同于_self。

(3).邮件链接

链接也可以指向一个邮件地址，使用 mailto 协议。用户点击后，浏览器会打开本机默认的邮件程序，让用户向指定的地址发送邮件。

例如:

<a href="mailto:contact@example.com">联系我们</a>

(4).电话链接

如果是手机浏览的页面，还可以使用 tel 协议，创建电话链接。用户点击该链接，会唤起电话，可以进行拨号。

例如：

<a href="tel:13312345678">13312345678</a>

2.table 标签

<table>
  <thead><tr><th>...</th></tr><thead>
  <tbody><tr><td>...</td></tr><tbody>
  <tfooter><tr><th>...</th></tr><tfooter>
</table>

注意事项：

• thead tbody tfooter 分别为表头，表身，表尾
• 常用属性：table-layout border-spacing border-collapse

3.img标签

<img>标签用于插入图片。它是单独使用的，没有闭合标签

(1).alt，width，height 属性

• 属性 alt 属性用来设定图片的文字说明。图片不显示时（比如下载失败，或用户关闭图片加载），图片的位置上会显示该文本。

• 图片默认以原始大小插入网页，width 属性和 height 属性可以指定图片显示时的宽度和高度，单位是像素或百分比。(不知道比例的情况下，同时写 width,height 会让图片变形)

(2) 事件

• onload onerror

(3)响应式

• 图片客户端全屏显示 img:max-width:100%

4.form 标签

常见的一个例子:

<form action="https://example.com/api"method="post">
  <label for="POST-name">用户名：</label>
  <input id="POST-name" type="text" name="user">
  <input type="submit" value="提交">
</form>

上面代码就是一个表单，一共包含三个控件：一个标签，一个文本输入框，一个提交按钮。其中，文本输入框的 name 属性是 user，表示将向服务器发送一个键名为 user 的键值对，键值就是这个控件的 value 属性，等于用户输入的值。

(1).lable

<label>标签是一个行内元素，提供控件的文字说明，帮助用户理解控件的目的。

(2).input

type 属性决定了的形式。该属性可以取以下值

• text:是普通的文本输入框，用来输入单行文本。如果用户输入换行符，换行符会自动从输入中删除。
• checkbox:是复选框，允许选择或取消选择该选项。name 名字一直时显示为一组
• radio:是单选框，表示一组选择之中，只能选中一项，多个单选框的 name 属性的值，应该都是一致的。提交到服务器的就是选中的那个值。
• password:是一个密码输入框。用户的输入会被遮挡，字符通常显示星号（*）或点（·）