HTML续（几个标签）

对于几个标签，之前理解不是很深刻，今天结合课程做一个记录。
分别是<a> <iframe> <form> <input>

<a>

首先看MDN的解释： HTML <a> 元素 (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。
常见的比如：

<a href="http://qq.com">QQ</a>

属性介绍：
１．href属性：这是一个必需属性为锚定义一个超文本链接来源。这表示链接目标的URL或URL片段。
示例：

• <a href="/..">link</a>被点击后，浏览器发起GET / HTTP/1.1请求

• 当属性值为 //qq.com ，此时无协议，自动继承协议。比如继承http协议。如果用file://协议浏览页面，就会访问到file://qq.com，这是一个不存在的路径。应该尽量不要用file://协议预览网页，以免无协议链接出错。

• 当属性值为　?name=huahua，也是可以用的，将查询参数添加到最后，并发起一个get请求

• 当属性值为 #xxx，这是一个锚点，不会发起请求。比如'<a href="#">link</a>'被点击后，页面锚点变成#，页面滚动到顶部。

• 当属性值为　index1.html，这是一个相对路径

• 比较奇怪的一个伪协议：

  <a herf="javascript: alert(1)"></a>

点击会弹出１
用来满足一个奇怪的需求，需要能点击，而且不能跳转，就是什么都不做的a标签。我们设置href为空（会刷新）、为#（可能会跳动）、没有href（a就不能点了）都不能满足。所以使用

<a href="javascript: ;"></a>

２．target属性：该属性指定在何处显示链接的资源。
"_blank"　新窗口
"_self" 自己所在窗口
"_parent"　父级窗口打开
"_top" 　　顶层打开
三和四的区别可以用ifarme来实现理解\

*a与ifarme
利用ifarme的name属性，将a的target指向name就行啦：

<iframe name="xxx" src="http://qq.com" frameborder="0"></iframe>
<a href="https://www.baidu.com" target="xxx">点击打开百度（a与iframe)</a>

３．download 点击下载

<form>与<input>

form：HTML form（<form>）元素表示文档的一部分，其中包含允许用户将信息发送到Web服务器的交互式控件。
１．如果form里没有提交按钮，则无法提交表单。（这是肯定的啊，不过什么作为提交按钮？）
２．发起POST请求（当然也可以发起GET请求，不要用就行了，因为提交数据会变成查询参数）
３．什么是提交按钮呢？button标签可以做，input的type属性设置为submit也可以做。

当form中只有一个按钮<button>，<button>会自动升级为提交按钮。

image.png

而给input的type属性，设置为button，这种方式是错误的，就是一个普通的按钮，无法提交。同样的，给<button>元素设置type="button"，也是无效。

给input的type属性，应该设置为submit。这才是表单提交的方式。
也就是说，表单如何提交：Ａ.通过<button>标签来处理；B.通过input的type属性设置为submit来处理；
４．input的type属性之checkbox：

<input type="checkbox"  id="x"><label for="x">爱我</label>

实现点击字，也能选中的效果。注意：label与input配合使用。嫌麻烦？这样写：

<label><input type="checkbox"  id="x">不爱我</label>

注意：text\checkbox\radio\password等的name属性，都是同样的道理，不一一去说。
不加name属性有什么后果呢?
会导致表单在提交的时候，input的值不会出现在里边。

HTML中的表格涉及的标签：

<table> <thead> <tbody> <tfoot> <col> <colgroup> （<caption>带有标题）　<th> <td> <tr>

写一个表格吧～

image.png