HTML中li标签用法案例-创新互联

   
Coffee
   
Tea
   
Milk

 

   
Coffee
   
Tea
   
Milk

HTML li标签的属性：

HTML li标签的用法详细说明：

无序列表是一个项目的列表 [1]  ，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表始于

标签。每个列表项始于
• 。例：

  
  Coffee
  Milk
  

  浏览器显示如下：

  ·Coffee

  ·Milk

  列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

  有序列表也是一个项目的列表，列表项目使用数字进行标记。有序列表始于

  标签。每个列表项始于
  1. 标签。例：

     
     Coffee
     Milk
     

     浏览器显示如下：

     1.Coffee

     2.Milk

     列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

     HTML li标签如何去点无序列表中的小点：

     首先来看看我们使用列表标签出现的问题。

     
     1
     2
     3
     4
     5
     

     我们发现会出现了一个黑的小点点。因为我们使用的是无序列表标签。那么要怎么除去这些点点呢。

     接下来看看怎么解决问题咯。先打开记事本或者其他的html编辑器。我使用的editplus.新建一个html文件

     在源代码中加入如下的代码：

     ul li{
     list-style: none;
     }

     这样就可以去除默认的样式了。当然你也可以直接写在标签里面把样式，不过我推荐大家使用这种这发，使得代码后期方便维护。

     还有更直观的办法：

     
       
       
       
     
       
     
        
     百度
       
     新浪
        
     网易
        
     腾讯
        
     创新互联建站
        
     谷歌
      
     
       
     
     

     HTML 与 XHTML 之间的差异

     在 HTML 4.01 中，li 元素的 "type" 和 "value" 属性是不被赞成使用的。

     在 XHTML 1.0 Strict DTD 中，li 元素的 "type" 和 "value" 属性是不被支持的。

     关于HTML中li标签用法案例就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

     
     名称栏目：HTML中li标签用法案例-创新互联
     网站URL：http://cdkjz.cn/article/dihsph.html