⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 列表.html

📁 《HTML开发王》源代码打开?禜TML开发王》源代码打开《HTML开发王》源代码打开
💻 HTML
字号:
<!DOCtype HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<STYLE type="text/css">
OL.withroman { list-style-type: lower-roman }
</STYLE>

</head>

<body>
<UL>
     <LI> ... Level one, number one...
     <OL> 
        <LI> ... Level two, number one...
        <LI> ... Level two, number two...
        <OL start="10"> 
           <LI> ... Level three, number one...
        </OL> 
        <LI> ... Level two, number three...
     </OL> 
     <LI> ... Level one, number two...
</UL>


<ol>
   <li>第一个列表项
   <li>第二个列表项
   <li>第三个列表项
</ol> 

<ul>
   <li>第一个列表项
   <li>第二个列表项
   <li>第三个列表项
</ul> 


<ol>
<li value="30"> makes this list item number 30.
<li value="40"> makes this list item number 40.
<li> makes this list item number 41.
</ol>
<DL>
  <DT>Dweeb
  <DD>young excitable person who may mature
    into a <EM>Nerd</EM> or <EM>Geek</EM>

  <DT>Hacker
  <DD>a clever programmer

  <DT>Nerd
  <DD>technically bright but socially inept person

</DL>

<DL>
   <DT>Center
   <DT>Centre
   <DD> A point equidistant from all points
              on the surface of a sphere.
   <DD> In some field sports, the player who
              holds the middle position on the field, court,
              or forward line.
</DL>

<dl>
  <dt>第一项
  <dd>第一子列表项
  <dd>第二子列表项
  <dd>第三子列表项
  <dt>第二项
  <dd>第一子列表项
  <dd>第二子列表项
  <dd>第三子列表项
  <dd>第四子列表项
</dl> 
<h4>有序列表,不设type属性:</h4>
<ol>
  <li>第一个列表项</li>
  <li>第二个列表项</li>
  <li>第三个列表项</li>
</ol>

<h4>有序列表,type属性设为A:</h4>
<ol type="A">
  <li>第一个列表项</li>
  <li>第二个列表项</li>
  <li>第三个列表项</li>
</ol>

<h4>有序列表,type属性设为a:</h4>
<ol type="a">
  <li>第一个列表项</li>
  <li>第二个列表项</li>
  <li>第三个列表项</li>
</ol>

<h4>有序列表,type属性设为I:</h4>
<ol type="I">
  <li>第一个列表项</li>
  <li>第二个列表项</li>
  <li>第三个列表项</li>
</ol>

<h4>有序列表,type属性设为i:</h4>
<ol type="i">
  <li>第一个列表项</li>
  <li>第二个列表项</li>
  <li>第三个列表项</li>
</ol>

<h4>type设为disc的列表,列表项前面的符号是圆黑点:</h4>
<ul type="disc">
  <li>第一个列表项</li>
  <li>第二个列表项</li>
  <li>第三个列表项</li>
</ul>

<h4>type设为circle的列表,列表项前面的符号是空心圆:</h4>
<ul type="circle">
  <li>第一个列表项</li>
  <li>第二个列表项</li>
  <li>第三个列表项</li>
</ul>

<h4>type设为square的列表,列表项前面的符号是黑方块:</h4>
<ul type="square">
  <li>第一个列表项</li>
  <li>第二个列表项</li>
  <li>第三个列表项</li>
</ul>

<dir>
  <li type=disc>第一个列表项</li>
  <li type=circle>第二个列表项</li>
  <li type=square>第三个列表项</li>
</dir> 



<h4>嵌套一层的列表:</h4>
<ul>
  <li>唐诗</li>
  <li>宋词
    <ul>
      <li>如梦令</li>
      <li>西江月</li>
    </ul>
  </li>
  <li>元曲</li>
</ul>

<h4>嵌套两层的列表:</h4>
<ul>
  <li>唐诗</li>
  <li>宋词
    <ul>
      <li>李清照
	     <ul>
          <li>如梦令</li>
          <li>菩萨蛮</li>
         </ul>
	  </li>
      <li>欧阳修</li>
    </ul>
  </li>
  <li>元曲</li>
</ul>

</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -