HTML-列表

HTML-列表

    • 一、有序列表
    • 二、无序列表
    • 三、自定义列表

一、有序列表

有序列表也是一列项目,列表项目使用数字进行标记。有序列表始于 > 标签。每个列表项始于

  • 标签。
    (1)代码描述:

    			<ul>
    			    <li>ali>
    			    <li>bli>
    			    <li>cli>
    			    <li>dli>
    			    <li>eli>
    		   ul>
    

    运行结果:
    HTML-列表_第1张图片

    二、无序列表

    无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表始于

      标签。每个列表项始于

    • (1)代码描述:

      		<ul>
      		    <li>ali>
      		    <li>bli>
      		    <li>cli>
      		    <li>dli>
      		    <li>eli>
      		 ul>
      

      运行结果:
      HTML-列表_第2张图片
      ps:我们经常给ul中的list-style属性赋值为none来去除小黑点,并结合css中的的浮动用于制作页面的导航条以及其他内容,所以ul在我们实际的静态页面书写中有广泛的应用

      三、自定义列表

      (1)自定义列表以

      标签开始。每个自定义列表项以
      开始。每个自定义列表项的定义以
      开始。
      (2)定义列表中的条目是通过使用:
        
      (“definition list”,定义标题)
        
      (“definition title”,定义标题)
        
      (“definition description”,定义描述)
      (3)代码描述:

      		<dl>
      		    <dt>自定义列表1dt>
      		    <dd>add>
      		    <dd>bdd>
      		    <dt>自定义列表2dt>
      		    <dd>cdd>
      		    <dd>ddd>
      		    <dt>自定义列表3dt>
      		    <dd>edd>
      	  dl>
      

       运行结果:
      HTML-列表_第3张图片
      ps:自定义列表一般用于PC端页面最底部的一些说明

  • 你可能感兴趣的:(HTML5,html)