亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

<ul>

HTML <ul> 標簽 實例 無序 HTML 列表： <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>..........

HTML <ul> 標簽

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文網(wǎng)(php.cn)</title> 
</head> 
<body>

<h4>無序列表:</h4>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

</body>
</html>

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

瀏覽器支持

1000.png

所有主流瀏覽器都支持 <ul> 標簽。

標簽定義及使用說明

<ul> 標簽定義無序列表。

將 <ul> 標簽與 <li> 標簽一起使用，創(chuàng)建無序列表。

提示和注釋

提示：使用 CSS 為列表定義樣式。

提示：使用<ol> 標簽創(chuàng)建有序列表。

HTML 4.01 與 HTML5之間的差異

在 HTML 4.01 中，"compact" 和 "type" 屬性 已廢棄。HTML5 則不支持著兩個屬性。

屬性

屬性值描述
compactcompactHTML5 不支持。HTML 4.01 已廢棄。 規(guī)定列表呈現(xiàn)的效果比正常情況更小巧。
typedisc
   square
   circle		HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定列表的項目符號的類型。

全局屬性

<ul> 標簽支持 HTML 的全局屬性。

事件屬性

<ul> 標簽支持 HTML 的事件屬性。

嘗試一下 - 實例

嵌套列表
本例演示如何嵌套列表。

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文網(wǎng)(php.cn)</title> 
</head>
<body>

<h4>嵌套列表：</h4>
<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

</body>
</html>

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

嵌套列表 2
本例演示更復(fù)雜的嵌套列表。

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文網(wǎng)(php.cn)</title> 
</head>
<body>

<h4>嵌套列表：</h4>
<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea
        <ul>
          <li>China</li>
          <li>Africa</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

</body>
</html>

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

相關(guān)文章

HTML 教程：HTML 列表