[Html-005] 列表标签

无序列表:

无序列表以<ul>标签开始, 每个列表项目以<li>开始.

无序列表的项目中可以加入段落,换行,图像, 链接,其他的列表等.

<ul>

         <li>Coffee</li>

          <li>Mike</li>

</ul>

运行代码显示如下:

clip_image002

 

有序列表:

有序列表以<ol>标签开始, 每个列表项目以<li>开始.

<ol>

       <li>Coffee</li>

        <li>Milk</li>

</ol>

运行代码显示如下:

clip_image002[8]

 

更多示例:

有序列表的不同类型:

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

<html>

<body>

<h4>Number list:</h4>

<ol>

         <li>Apples</li>

         <li>Bananas</li>

         <li>Lemons</li>

         <li>Oranges</li>

</ol>

<h4>Letters list: </h4>

<ol type=”A”>

         <li>Apples</li>

          <li>Bananas</li>

           <li>Lemons</li>

           <li>Oranges</li>

</ol>

<h4>Lowercase letters list: </h4>

<ol type=”a”>

         <li>Apples</li>

          <li>Bananas</li>

           <li>Lemons</li>

           <li>Oranges</li>

</ol>

<h4>Roman numbers list: </h4>

<ol type=”I”>

         <li>Apples</li>

          <li>Bananas</li>

           <li>Lemons</li>

           <li>Oranges</li>

</ol>

<h4>Lowercase Roman numbers List: </h4>

<ol type=”i”>   

     <li>Apples</li>

          <li>Bananas</li>

           <li>Lemons</li>

           <li>Oranges</li>

</ol>

</body>

</html>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

运行代码显示如下:

clip_image002[10]

 

无序列表的不同类型:

<html>
<body>
<h4>Disc bullets list: </h4>
<ul type="disc">
   <li>Apples</li>
   <li>Bananas</li>
   <li>Lemons</li>
   <li>Oranges</li>
</ul>
<h4>Circle bullets list: </h4>
<ul type="circle">
   <li>Apples</li>
   <li>Bananas</li>
   <li>Lemons</li>
   <li>Oranges</li>
</ul>
<h4> Square bullets list: </h4>
<ul type="square">
   <li>Apples</li>
   <li>Bananas</li>
   <li>Lemons</li>
   <li>Oranges</li>
</ul>

</body>
</html>

运行显示如下:

clip_image002[12]

你可能感兴趣的:(html,标签,职场,休闲)