HTML 常用标签a标签是超链接标签,点击信息可以跳转别的页面。代码形式，标签的摆放是可以乱序的。可由js判断照片是

1.a 标签的用法

a标签是超链接标签,点击信息可以跳转别的页面。

1.href 取值

网址: (http:// xxx https://xxx //xxx三种形式)
路径：(/a/s/d/g a/d/f index.html ./index.html四种形式)
伪协议(javascript 代码 mailto:邮箱 tel：手机号码三种形式)
id (href = #xxx唯一类)

2.target 取值

内置名字(_blank空白页打开、_top顶层页打开 _parent父元素页打开 _self 自己的页面里打开)
程序员署名(window 的name：先打开一个网页，当前打开的页面即为目标页面、iframe的name:嵌套页面)

2.table 标签的用法

表格标签

1.格式

代码形式，标签的摆放是可以乱序的。

    <table>
        <thead>
        <!--一行-->
            <tr>
            <!--表头-->
                <th></th> 
               <!--数据 -->
                <td></td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th></th>
                <td></td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <th></th>
                <td></td>
            </tr>
        </tfoot>
    </table>

2.相关样式

table-layout一般设置为自动表格布局（根据表格的宽度由表格内容决定）
border-collapse一般设置为collapse 相邻边框合并
border-spacing一般设置为0 相邻边框的间距为零，可根据需要调参

效果如图：

3.img 标签的用法

插入照片标签

1.作用

发出GET请求，展示一张图

2.属性

alt当浏览器加载不出时，提示的信息
height高度
width宽度
src地址

3.事件

onload
onerror

可由js判断照片是否成功加载，如未能成功加载可由其他照片代替。

4.响应式

max-width:100%;使得照片可以由不同设备进行显示

4.form 标签的用法

表单标签

1.作用

发出GET/POST请求，刷新页面

2.属性

action xxx.com的地址
autocomplete自动填充账户信息
method请求的方式
target提交到哪种页面打开

3.触发

onsubmit 点击之后才会触发。

5.input 标签的用法

用于为基于Web的表单创建交互式控件，以便接受来自用户的数据; 可以使用各种类型的输入数据和控件小部件，具体取决于设备和user agent。

1.作用

让用户输入的标签

2.属性

button按钮
checkout多选
color颜色
radio单选
password密码
file上传文件
select选项

3.事件

onchange用户改变
onfocus用户聚焦
onblur失去用户聚焦

6.其他补充的知识点

1. 当使用http的时候就不是以文件夹为根目录了，而是在哪开启http服务就是以它为根目录了。如果双击打开会出现下图的情况。

正确的打开方式：

2.POST 和 GET 的方式区别

1.POST:向指定的资源提交要被处理的数据。

有关 POST 请求的其他一些注释：

POST 请求不会被缓存
POST 请求不会保留在浏览器历史记录中
POST 不能被收藏为书签
POST 请求对数据长度没有要求


<form action="/xxx" method="POST">
        <input type="text">
        <input type="submit">


    </form>

2.GET:从指定的资源请求数据。

有关 GET 请求的其他一些注释：

GET 请求可被缓存
GET 请求保留在浏览器历史记录中
GET 请求可被收藏为书签
GET 请求不应在处理敏感数据时使用
GET 请求有长度限制
GET 请求只应当用于取回数据

 <form action="/xxx" method="GET">
        <input type="text">
        <input type="submit">


    </form>

小结

常用的标签掌握住它的用法，以及它的属性，根据自己的需求来书写代码，效率会提升很高。未完待续...