html常用标签

a标签的用法

作用
a元素又称为锚元素，一般用来创建一个可以跳转到其他网页、同一页面内部锚点、文件、邮箱地址、电话或者其他URL的超链接

href属性：创建超链接

• 网址：无协议网址，前面加或不加http：，浏览器会自动匹配，这是建议的用法。
  <a href="//google.com"></a>

• 文件路径：路径最前面的/代表的是启动http服务的根目录，并非系统文件的根目录。
  <a href="/a/b/c.html"></a>
<a href="index.html"></a>

• 伪协议：
  <a href="javascript:alert(123);">javascript伪协议</a>
<a href="javascript:;">空操作</a>
<a href="mailto:498462047@qq.com">发邮件给我</a>
<a href="tel:19972141895">打电话给我</a>

• id：滚动到本页id值为xxx部分，即内部锚点
  <a href="#xxx"></a>

target：设定加载页面

• _self：本页面打开链接，为target默认值
• _blank：新窗口打开链接
• _top：在顶层frame加载
• _parent：在父级frame加载，如果没有父级frame，则等同于_self
• window.name：在指定页面加载

table标签的用法

作用
创建表格

<table>
        <thead>
            <tr>
                <th>科目</th>
                <th>小红</th>
                <th>小明</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>语文</th>
                <td>89</td>
                <td>90</td>
            </tr>
            <tr>
                <th>数学</th>
                <td>80</td>
                <td>70</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <th>合计</th>
                <td>169</td>
                <td>160</td>
            </tr>
        </tfoot>
    </table>

img标签的用法

作用
发出一个GET请求，然后展示一张图片。

• src：图像的 URL，这个属性对  元素来说是必需的。
• alt：定义了图像的备用文本描述。当图像加载失败时，显示该内容。
• width与height：定义图像的宽度和高度，只需要指定其中的一个，另外一个会自动适配。永远不要让图片变形
• onload/onerror：监听图片是否加载成功，如果失败，可以对图片进行挽救
• max-width:100%：在任何屏幕下适配页面宽度（响应式）

form标签的用法

作用
发送get/post请求，然后刷新页面

• action：处理表单提交的 URL
• required： 请填写此字段
• autocomplete: 用于指示input是否拥有一个默认值，此默认值是由浏览器自动补全的，可能的指有off/on
• mmethod：浏览器使用这种 HTTP 方式来提交 表单. 可能的值有post/get
• target：表示在提交表单之后，在哪里显示响应信息
  请问如下代码区别
  <input type="submit" value="搞起"/>
<button type="submit">搞起</button>
  前者只能有文本，后者可以设置标签
• type: 输入类型，值有text/password/color/radio/checkbox/file等
• select：选择

<select>
    <option value="">— 请选择 —</option>
    <option value="1">星期一</option>
    <option value="2">星期二</option>
</select>