1. 程式人生 > >常用的簡單html標籤

常用的簡單html標籤

<a name="top">定位的定點</a>
排版標籤:
<br /> 換行
<hr />一條水平線 屬性color width
    color:兩種寫法(1)英文單詞(2)三原色(red blue green)#FFFFFF
    width:兩種寫法 (1)畫素值200px (2)百分比 區別:百分比跟著瀏覽器大小而改變,畫素值不會
<p></p>段落標籤 段落的開始和結束都會留一行
    align:對齊方式
&nbsp 空格

宣告一塊區域,區域中放入其他(文字、子標籤)
<div></div> 塊級元素
<span></span>內聯元素



字型標籤
特殊標籤轉義:< &lt;   > &gt;     & &amp;

滾動的字幕:<marquee behavior="" direction="">我會滾動</marquee>
<!-- 可以控制速度方向 -->



列表標籤:
格式化列表
<dl>
        <dt>上層專案</dt>
        <dd>下層專案</dd>
        <dd>下層專案</dd>
    </dl>
    有序列表
    <ol type="a" start="3">
        <li>無序標籤</li>
        <li>無序標籤</li>
    </ol>
    <!-- ol的屬性type=“a” start=“3” 編號型別,從幾開始-->
無序列表 <ul type=""> <li>有序列表</li> <li>有序列表</li> </ul>
圖片標籤:
<img src="" alt="">
alt是圖片的說明文字,就是圖片載入不出來時候顯示的文字、

還可以做圖片熱點區域

<a href="#top">去定位的位置</a>
* 超連結標籤(*****)
        * 寫法:<a></a>

        * 連結資源
            * 必須要指定屬性:href="連結的地址"
            * 需要編寫協議
                * HTTP
            * 預設file檔案的協議
                * 如果瀏覽器可以解析檔案,預設會開啟檔案。
                * 如果瀏覽器不可以解析檔案,彈出下載視窗。
            * 支援自定義協議
                * 瀏覽器解析不了的協議,預設找作業系統的引用程式。

        * 定位資源
            * name  定義錨點
            * 點選    href="#錨點名稱"
<table>
        <caption>使用者列表</caption>
        <tr>
            <th></th>
            <th></th>


        </tr>
        <tr>
            <td>11111111111111</td>
            <td>21111111111111</td>
        </tr>
        <tr>
            <td>311111111111111</td>
            <td>411111111111111</td>
        </tr>
    </table>
單元格合併:都是td的屬性
行合併:rowspan="2"
列合併:colspan="3"