Html常用标签

1. div span 块级和行内元素

2. a （get请求）

<a href="developer.mozilla.org/en-US/docs/Web/HTML/Element/a">a标签的使用!</a>

target属性的值

• _blank：新开一个页面打开<a>指向的页面
• _self：在自身窗口打开<a>指向的页面
• _top：在最顶级的窗口打开<a>指向的页面
• _parent：在父元素的窗口打开<a>指向的页面

       //表示在新的标签页面中打开链接
        <a href="https://www.baidu.com" target="_blank">QQ</a>
        //在当前页面打开链接
        <a href="https://www.baidu.com" target="_self">QQ</a>
        //在上一级的页面中打开
        <a href="https://www.baidu.com" target="_parent">QQ</a>
        //在顶级页面中打开
        <a href="https://www.baidu.com" target="_top">QQ</a>
        //表示点击该链接可下载东西
        <a href="https://www.baidu.com" download>QQ</a>
        //伪协议相当于“http:”→可以完成点击QQ标签页面不动的奇葩需求
        <a href="javascript:;">QQ</a>

3. form （post&get请求(method,有第四部分)）

 <form action="demo_form.php" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="提交">
 <textarea name="" id="" cols="30" rows="10"></textarea>
 <button></button>
 <select name="f" id=""></select>
 <option value=""></option>
 <optgroup></optgroup>
 <fieldset></fieldset>
 <label for=""></label>
 <output></output>
</form> 

4. table标签

    <table cellpadding="0" cellspacing="0" border="1" >
    <caption>表格标题</caption>
    <thead>
        <tr>
            <td>表头1</td>
            <td>表头2</td>
            <td>表头3</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr>
            <td>7</td>
            <td>8</td>
            <td>9</td>
        </tr>
    </tbody>
    <tfoot>
            <tr>
                <td>tfooter</td>
            </tr>
    </tfoot>
</table> 

预览效果： 一个html表格