Erlo

【代码笔记】HTML-列表

2018-10-17 08:47:57 发布   123 浏览  
页面报错/反馈
收藏 点赞

一,效果图。

 

 

 

 

 

二,代码。

 

复制代码
DOCTYPE html>
html>

head>
    meta charset="utf-8">
    title>html 列表title>
head>

body>
    无序列表-->
    h4>An Unordered listh4>
    ul>
        li>Cofferrli>
        li>teali>
        li>Mideli>
    ul>
    有序列表-->
    ol start="50">
        li>Cooffeeli>
        li>Teali>
        li>Mikeli>
    ol>
    自定义列表-->
    dl>
        dt>Cofferdt>
        dd>--black hot drinkdd>
        dt>mikedt>
        dd>--white cold drinkdd>
    dl>
    不同类型的有序列表-->
    h4>Numbered list:h4>
    ol>
        li>applesli>
        li>bananasli>
        li>lemonsli>
        li>orangeli>
    ol>
    h4>letters list:h4>
    ol type="A">
        li>applesli>
        li>bananasli>
        li>lemonsli>
        li>orangeli>
    
    

Lowercase letters list:

  1. apples
  2. bananas
  3. lemons
  4. orange

Roman numbers list:

  1. apples
  2. bananas
  3. lemons
  4. orange

lowercase Roman numbers list:

  1. apples
  2. bananas
  3. lemons
  4. orange

Note: The type attribute of the ul tag is deprecated in HTML 4, and is not supported in HTML5. Therefore we have used the style attribute and the CSS list-style-type property, to define different types of unordered lists below:

disc bullets list:

  • Apples
  • bananas
  • lemons
  • orange

circle bullets list:

  • Apples
  • bananas
  • lemons
  • orange

square bullets list:

  • Apples
  • bananas
  • lemons
  • orange

A list inside a list:

  • Coffee
  • Tea
    • black tea
    • green tea
  • Mike

lists inside a list

  • coffee
  • tea
    • black tea
    • green tea
      • china
      • africa
  • mick

A definition List

coffee
-black hot drink
mike
-white cold drink
登录查看全部

参与评论

评论留言

还没有评论留言,赶紧来抢楼吧~~

手机查看

返回顶部

给这篇文章打个标签吧~

棒极了 糟糕透顶 好文章 PHP JAVA JS 小程序 Python SEO MySql 确认