成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

HTML之列表

TerryCai / 2752人閱讀

摘要：列表有三種類型有序列表列表項(xiàng)使用數(shù)字來標(biāo)記無序列表列表項(xiàng)使用粗體圓點(diǎn)典型的小黑圓圈進(jìn)行標(biāo)記。自定義列表自定義列表以標(biāo)簽開始。

列表有三種類型：

有序列表：列表項(xiàng)使用數(shù)字來標(biāo)記

無序列表：列表項(xiàng)使用粗體圓點(diǎn)（典型的小黑圓圈）進(jìn)行標(biāo)記。

自定義列表：自定義列表以

標(biāo)簽開始。每個(gè)自定義列表項(xiàng)以
開始。每個(gè)自定義列表項(xiàng)的定義以
開始。

一、有序列表格式：

<ol>
      <li>第一個(gè)列表項(xiàng)li>
      <li>第二個(gè)列表項(xiàng)li>
      <li>第三個(gè)列表項(xiàng)li>
ol>

運(yùn)行結(jié)果：

  1. 第一個(gè)列表項(xiàng)
  2. 第二個(gè)列表項(xiàng)
  3. 第三個(gè)列表項(xiàng)

不同類型的有序列表：

1.編號(hào)列表：

<ol>
   <li>第一列表項(xiàng)li>
   <li>第二列表項(xiàng)li>
   <li>第三列表項(xiàng)li>
   <li>第四列表項(xiàng)li>
ol>
<ol start="50">
   <li>第五十列表項(xiàng)li>
   <li>第五十一列表項(xiàng)li>
   <li>第五十二列表項(xiàng)li>
   <li>第五十三列表項(xiàng)li>
ol>

運(yùn)行結(jié)果：

  1. 第一列表項(xiàng)
  2. 第二列表項(xiàng)
  3. 第三列表項(xiàng)
  4. 第四列表項(xiàng)
  1. 第五十列表項(xiàng)
  2. 第五十一列表項(xiàng)
  3. 第五十二列表項(xiàng)
  4. 第五十三列表項(xiàng)

2.字母列表：

<ol type="A">
   <li>第A列表項(xiàng)li>
   <li>第B列表項(xiàng)li>
   <li>第C列表項(xiàng)li>
   <li>第D列表項(xiàng)li>
ol>
 <ol type="a">
    <li>第a列表項(xiàng)li>
    <li>第b列表項(xiàng)li>
    <li>第c列表項(xiàng)li>
    <li>第d列表項(xiàng)li>
 ol>

運(yùn)行結(jié)果：

  1. 第A列表項(xiàng)
  2. 第B列表項(xiàng)
  3. 第C列表項(xiàng)
  4. 第D列表項(xiàng)
  1. 第a列表項(xiàng)
  2. 第b列表項(xiàng)
  3. 第c列表項(xiàng)
  4. 第d列表項(xiàng)

3.羅馬數(shù)字列表：

<ol type="I">
 <li>Applesli>
 <li>Bananasli>
 <li>Lemonsli>
 <li>Orangesli>
ol>  
 <ol type="i">
  <li>Applesli>
  <li>Bananasli>
  <li>Lemonsli>
  <li>Orangesli>
 ol>

運(yùn)行結(jié)果：

  1. Apples
  2. Bananas
  3. Lemons
  4. Oranges
  1. Apples
  2. Bananas
  3. Lemons
  4. Oranges

二、無序列表格式：

<ul>
  <li>無序列表項(xiàng)1li>
  <li>無序列表項(xiàng)2li>
  <li>無序列表項(xiàng)3li>
  <li>無序列表項(xiàng)4li>
ul>

運(yùn)行結(jié)果：

  • 無序列表項(xiàng)1
  • 無序列表項(xiàng)2
  • 無序列表項(xiàng)3
  • 無序列表項(xiàng)4

不同類型的無序列表：

1.圓點(diǎn)列表：

<ul style="list-style-type:disc">
  <li>無序列表項(xiàng)1li>
  <li>無序列表項(xiàng)2li>
  <li>無序列表項(xiàng)3li>
  <li>無序列表項(xiàng)4li>
ul>

運(yùn)行結(jié)果：

  • 無序列表項(xiàng)1
  • 無序列表項(xiàng)2
  • 無序列表項(xiàng)3
  • 無序列表項(xiàng)4

2.圓圈列表：

<ul style="list-style-type:circle">
  <li>無序列表項(xiàng)1li>
  <li>無序列表項(xiàng)2li>
  <li>無序列表項(xiàng)3li>
  <li>無序列表項(xiàng)4li>
ul>

運(yùn)行結(jié)果：圓點(diǎn)變成圓圈

  ?無序列表項(xiàng)1

  ?無序列表項(xiàng)2

  ?無序列表項(xiàng)3

  ?無序列表項(xiàng)4

?

3.正方形列表：

<ul style="list-style-type:square">
  <li>無序列表項(xiàng)1li>
  <li>無序列表項(xiàng)2li>
  <li>無序列表項(xiàng)3li>
  <li>無序列表項(xiàng)4li>
ul>

運(yùn)行結(jié)果：圓點(diǎn)變成方形

  ?無序列表項(xiàng)1

  ?無序列表項(xiàng)2

  ?無序列表項(xiàng)3

  ?無序列表項(xiàng)4

?

三、自定義列表：

<dl>
  <dt>Coffeedt>
  <dd>- black hot drinkdd>
  <dt>Milkdt>
  <dd>- white cold drinkdd>
dl>

運(yùn)行結(jié)果：

Coffee
- black hot drink
Milk
- white cold drink

四、嵌套列表：

<ul>
  <li>Coffeeli>
  <li>Tea
    <ul>
      <li>Black teali>
      <li>Green tea
        <ul>
          <li>Chinali>
          <li>Africali>
        ul>
      li>
    ul>
  li>
  <li>Milkli>
ul>

運(yùn)行結(jié)果：

?Coffee

?Tea
    
      ?Black tea

      ?Green tea
        
          ?China

          ?Africa

?Milk

?

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/1599.html

相關(guān)文章

  • HTML+CSS復(fù)習(xí)之HTML基礎(chǔ)篇

    摘要：規(guī)定元素的上下文菜單。上下文菜單在用戶點(diǎn)擊元素時(shí)顯示。規(guī)定元素仍未或不再相關(guān)。規(guī)定是否對(duì)元素進(jìn)行拼寫和語法檢查。規(guī)定元素的行內(nèi)樣式。 一些說明 寫在前面：HTML和CSS，當(dāng)你了解所有規(guī)則后，你應(yīng)該多寫頁面并記錄你出現(xiàn)的問題，這才是學(xué)習(xí)HTML和CSS的最佳方法 這是我學(xué)習(xí)一段時(shí)間之后，再次回顧HTML，希望大家也對(duì)HTML有不一樣的認(rèn)識(shí) 我把HTML標(biāo)簽分成兩大類，重要的和不重要的，...

    genefy 評(píng)論0 收藏0

  • HTML+CSS復(fù)習(xí)之HTML基礎(chǔ)篇

    摘要：規(guī)定元素的上下文菜單。上下文菜單在用戶點(diǎn)擊元素時(shí)顯示。規(guī)定元素仍未或不再相關(guān)。規(guī)定是否對(duì)元素進(jìn)行拼寫和語法檢查。規(guī)定元素的行內(nèi)樣式。 一些說明 寫在前面：HTML和CSS，當(dāng)你了解所有規(guī)則后，你應(yīng)該多寫頁面并記錄你出現(xiàn)的問題，這才是學(xué)習(xí)HTML和CSS的最佳方法 這是我學(xué)習(xí)一段時(shí)間之后，再次回顧HTML，希望大家也對(duì)HTML有不一樣的認(rèn)識(shí) 我把HTML標(biāo)簽分成兩大類，重要的和不重要的，...

    MrZONT 評(píng)論0 收藏0

  • HTML之表單

    摘要：表單元素是允許用戶在表單中輸入內(nèi)容比如文本域下拉列表單選框復(fù)選框等等。文本域文本域通過標(biāo)簽來設(shè)定，當(dāng)用戶要在表單中鍵入字母數(shù)字等內(nèi)容時(shí)，就會(huì)用到文本域。表單： 表單是一個(gè)包含表單元素的區(qū)域。 表單元素是允許用戶在表單中輸入內(nèi)容,比如：文本域(textarea)、下拉列表、單選框(radio-buttons)、復(fù)選框(checkboxes)等等。 表單使用表單標(biāo)簽 來設(shè)置: . inpu...

    bang590 評(píng)論0 收藏0

  • CSS學(xué)習(xí)筆記(十) 界面組件之表單

    摘要：概述表單與其他頁面元素的作用不同。屬性用于指定服務(wù)器上用來處理表單數(shù)據(jù)的文件的。所謂控件，是對(duì)表單中用來收集數(shù)據(jù)的各種表單組件的通稱，包括文本框復(fù)選框單選按鈕等輸入類型。 1.概述 表單與其他頁面元素的作用不同。其他元素是把服務(wù)器發(fā)過來的內(nèi)容顯示給用戶，而表單則是 把用戶的信息發(fā)送給服務(wù)器。 form 元素有兩個(gè)必要的屬性：action 和 method。action 屬性用于指定...

    andot 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<