HTML有几个常用的标签，下面就让我们看下是哪几个标签以及他们的常用用法吧。

一、`<a>`标签

<a> 标签的作用主要有3个：1、跳转页面；2、跳转内部锚点；3、跳转邮箱或者电话。 <a>标签内部不仅可以放置文字，也可以放置段落、文字、图片等其他元素。<a>标签的常用属性有以下几个：

(1) href

href的取值有以下几个：

网址

 <a href="https://google.com">谷歌</a>
 <a href="http://google.com">谷歌</a>
 <a href="//google.com">谷歌</a>

路径

 <a href="a/b/c.html">c.html</a>   
 <a href="/a/b/c.html">c.html</a>  
 <a href="index.html">index.html</a>
 <a href="./index.html">index.html</a>

伪协议

 <a href="javascript:alert(1);">JavaScript伪协议</a>
 <a href="javascript:;">空的伪协议</a>
 <a href="#xxx">查看</a>  
 <a href="mailto:xxxxxx@qq.com">发邮件</a>
 <a href="tel:137xxxx6597">打电话</a>

(2)target

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

<a href="https://baidu.com" target="a">百度</a>

<target>的内置名字：

_self

在当前窗口打开，也是默认值。

_blank

新窗口打开。

_top

顶层窗口打开，如果当前窗口是顶层窗口的话，这个值等同于_self。

_parent

上层窗口打开，常用于从父窗口打开的子窗口，或者里面的链接，如果当前窗口没有上层窗口的话，这个值也等同于_self

二、`<table>`标签

<table>有以下几个相关的标签。

thead=table head
tbody=table body
tfoot=table foot
tr=table row
td=table data
th=table head

table相关样式有：

table-layout。设置表格的宽。
border-collapse。设置表格每一个单元之间的间距，常设置为border-collapse: collapse；
border-spacing。同上，常设置为border-spacing: 0；

三、`<img>`标签

<img>可以发出get请求，展示一张图片。

<img>的属性有：alt，height，width，src：

src。链接一张图片。
alt。在链接的图片加载失败时，显示alt中内容。
height。高度。
width。宽度。

<img>的事件：onload/omerror。用来监听图片是否加载成功。同时在加载失败时，可以通过id来挽救加载失败。

<img id='dog' src="dog.png" alt="dog">
    <script>
        dog.onload = function() {
            alert("图片加载成功");
        };
        dog.onerror = function() {
            alert("图片加载失败");
        };
    </script>

<img>响应式CSS代码：

    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        img {
            max-width: 100%;
        }
    </style>

四、`<form>`标签

<form>可以发送get/post请求，然后刷新页面。

<form>的属性：action/autocomplete/method/target

action：后端给的链接。
autocomplete：自动填充。可以实现自动填充用户名。
method：若写成method="POST"，则使用post。
target：可以决定表单提交到哪个页面，可以是iframe。

<form>的事件：onsubmit。可以通过value/button来自定义提交按钮的文字。但是，button中可在嵌套其他标签，而value不可以。

注意：form中必须要有 type=submit

五、`<input>`标签

<input>的常用元素：

text。文本
color。颜色
password。密码
radio。同一个name下，单选。
checkbox。同一个name下，多选
file。上传文件。加上multiple，可以上传多个文件。

<input>标签事件：onchange/onfocus/onblur <input>标签验证器：HTML5

六、其他输入标签

<section>+<option>,<textarea>,<label>

七、学习感想

要多记笔记，多回顾，也可以多看看其他人的总结和自己的有哪些不同，多思考，才能将知识真正记住，为我所用。

HTML常用标签

一、<a>标签

(1) href

(2)target

二、<table>标签

三、<img>标签

四、<form>标签

五、<input>标签