国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

HTML基礎教學之HTML列表

HTML項目符號(無序列表)

#網(wǎng)頁中的清單隨處可見,例如新聞頁面隨處可見這樣的清單

5.png

這些清單就可以使用ul-li標籤來完成。 ul-li是沒有前後順序的資訊列表。

在下面,我們來實現(xiàn)這樣的效果

語法:

##<ul >

????<li>內容1</li>

????<li>內容2</li>

????<li>/li>

????<li>/li>

????<li>/li>

??”> ##</ul>

    <ul>或<li>的常用屬性
  • ##type:項目符號的類型,取值:disc(小黑點)、circle(空心圓)、square(實心方塊)

實例:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
   <ul type="square">

    <li>三星在大陸召回19萬臺Note7手機 可全額退款</li>

    <li>國土部等5部委:進城落戶人口人均用地不超1百平米</li>

    <li>13位科學家實名呼吁對韓春雨啟動調查:為學界名聲</li>

</ul>
    </body>
</html>
註:在HTML標記中,內容應該放在最底層標記。

HTML編號清單(有序列表)

#網(wǎng)站之中還有這樣的清單6.png

這類資訊展示就可以使用<ol>標籤來製作有序列表來展示。

文法:

<ol>

#????<li>…</li>

????<li>/li>

????<li><li> ;……</li>

????<li>……</li>

????<li>……</li>
  • </ol>

  • #<ol>或<li>的常用屬性
?type:編號型,取值:1、a、A、i、I

start:從第幾個開始編號(數(shù)字)。

######改造上面一個範例:###
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
   <ol type="1" start="1">

    <li>三星在大陸召回19萬臺Note7手機 可全額退款</li>

    <li>國土部等5部委:進城落戶人口人均用地不超1百平米</li>

    <li>13位科學家實名呼吁對韓春雨啟動調查:為學界名聲</li>

</ol>
    </body>
</html>
######註:大家可以試著改變屬性的值,看看輸出有什麼變化#######
繼續(xù)學習
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <ul type="square"> <li>三星在大陸召回19萬臺Note7手機 可全額退款</li> <li>國土部等5部委:進城落戶人口人均用地不超1百平米</li> <li>13位科學家實名呼吁對韓春雨啟動調查:為學界名聲</li> </ul> </body> </html>