HTML標簽

文本標簽(不常用)

<em>......</em>:強調語氣。文本的著重點,把某個關鍵點變成斜體。
<strong>.......</strong>:強調內容。內容重點加粗
<small>.......</small>:網頁版權聲明
<big></big>:加大字體。棄用
<cite>《七龍珠》</cite>:標注書名、歌名等。表示參考內容。
<blockquote></blockquote>:長引用,用于論壇回復。
<sup a href="#">2</sup>:上標備注
<sub> 下標</sub>
<ins>zs</ins>:下劃線

<del>400(原價)</del>:刪除線,淘寶打折商品原價。
<pre></pre>:保留輸入格式的標簽,包括所有標簽和換行
<code></code>:表示一段代碼。
兩個便簽應聯合使用:
<pre><code>white True:pass</code></pre>

列表

  • 列表就相當于去超市購物時的那個購物清單,在HTML也可以創(chuàng)建列表,在網頁中一共有三種列表:
  1. 無序列表
  • 使用ul標簽來創(chuàng)建一個無序列表
  • 使用li在ul中創(chuàng)建一個一個的列表項,一個li就是一個列表項
  • 通過type屬性可以修改無序列表的項目符號,可選值:
disc:默認值,實心的圓點
square:實心的方塊
circle:空心的圓圈
注意:默認的項目符號我們一般都不使用,如果需要設置項目符號,則可以采用為li設置背景圖片的方式來設置。
ul和li都是塊元素。
實例:
    <ul>
        <li>西門大官人</li>
        <li>柴大官人</li>
        <li>許大官人</li>
        <li>唐僧大官人</li>
    </ul>

  1. 有序列表
有序列表和無序列表類似,只不過它使用ol來代替ul
有序列表使用有序的序號作為項目符號
type屬性,可以指定序號的類型,可選值:
1,默認值,使用阿拉伯數字
a/A,采用小寫或大寫字母作為序號
i/I,采用小寫或大寫的羅馬數字作為序號
ol也是塊元素
實例:
<ol type="1">
        <li>結構</li>
        <li>表現</li>
        <li>行為</li>
</ol>
  • 列表之間都是可以互相嵌套,可以在無序列表中放個有序列表,也可以在有序列表中放一個無序列表。
<ul>
    <li>
        魚香肉絲
        <ol>
            <li>魚</li>
            <li>香</li>
            <li>肉絲</li>
        </ol>
    </li>
    <li>
        宮保雞丁
        <ul>
            <li>宮保</li>
            <li>雞丁</li>
        </ul>
    </li>
</ul>
  1. 定義列表
定義列表用來對一些詞匯或內容進行定義
使用dl來創(chuàng)建一個定義列表,它有兩個子標簽
dt:被定義的內容
dd:對定義內容的描述
同樣,dl、ul、ol之間都可以互相嵌套

<dl>
<dt>武松</dt>
<dd>景陽岡打虎英雄,戰(zhàn)斗力99</dd>
<dd>后打死西門慶,投奔梁山</dd>
<dt>武大</dt>
<dd>著名餐飲企業(yè)家,戰(zhàn)斗力0</dd>
</dl>

?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,530評論 1 41
  • 在前一篇文章中已經簡單提到Html標簽了,在本文中就不再贅述它的介紹了。想要再看看的可以戳Html+Css基礎概要...
    年少有van閱讀 981評論 0 14
  • 列表標簽 無序列表 格式: 需要顯示條目內容 作用:給一堆數據添加列表語義, 并且這一堆數據中所有的數據都沒有先...
    MGd閱讀 410評論 0 0
  • html標簽的快捷錄入方式 一: 二: ul>(li>a)*3 然后按Tap鍵,就可以快速撰寫 三:同時還可以給標...
    叫我老村長閱讀 1,026評論 0 1
  • 懷著忐忑不安的心進入了期待已久的大學。然而開學的第一天遭遇各種不好的事讓我感到十分失落。 早就聽聞黃嶺的教學樓有多...
    乘風破浪終須時閱讀 418評論 0 5

友情鏈接更多精彩內容