【代码笔记】Web-HTML-列表

ashe 发布于2019-04-23 13:18 / 3245人阅读

摘要：列表无序列表有序列表自定义列表不同类型的有序列表不同类型的无序列表嵌套列表嵌套列表自定义列表参考资料菜鸟教程

一，效果图。

二，代码。

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:
    
        apples
        bananas
        lemons
        orange
    
    Roman numbers list:
    
        apples
        bananas
        lemons
        orange
    
    lowercase Roman numbers list:
    
        apples
        bananas
        lemons
        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

参考资料：《菜鸟教程》

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1698.html

程序员的一些常用技能点

摘要：其他笔记还有一些其他的主流云笔记软件，像印象笔记，为知笔记，等，由于没有多做尝试，就不加以评价年最好用的云笔记软件推荐介绍是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。目录： [TOC] Git Git介绍： Git是目前世界上最先进的分布式版本控制系统（没有之一），简单来说，Git 是一个管理你的「代码的历史记录」的工具。 Gi...

baishancloud 2019-07-31 10:11 评论0 收藏0
head first python（第一章）–学习笔记

摘要：第一章学习流程图安装这里是用的，除了之外，和都自带了，只是版本没有这么新。是区分大小写的。可以根据多维数组来理解。知识点补充里列表是打了激素的数组，意味着列表比数组更厉害，更好用。的语句的缩进是必须规范的。 head first python（第一章）--学习流程图 showImg(http://source1.godblessyuan.com/blog_headfirstpytho...

TerryCai 2019-07-24 17:57 评论0 收藏0
用 Vuex 构建一个笔记应用

摘要：如果不熟悉，在这个教程里面，我们会通过构建一个笔记应用来学习怎么用。这个是我们要构建的笔记应用的截图你可以从下载源码，这里是的地址。每当用户点击笔记列表中的某一条时，组件会调用来分发这个会把当前选中的笔记设为。原文：Learn Vuex by Building a Notes App，有删改。本文假设读者熟悉 Vuex 文档的内容。如果不熟悉，you definitely sho...

gggggggbong 2019-08-19 18:12 评论0 收藏0
《Javascript数据结构和算法》笔记-「字典和散列表」

摘要：我经常在业务代码中把数据处理成这种字典的数据结构获取的方法哈希表在学习了类之后，我们会学习散列表，也就是哈希表。《Javascript数据结构和算法》笔记-「字典和散列表」集合、字典、散列表存储的都是「不重复」的数据结构集合：我们更关注每一个元素的值，并把其作为主要元素字典：我们用[键,值]的形式来存储数据散列表：跟字典类似，也会是用[键,值]的形式来存储数据但是「字...

wenyiweb 2019-08-26 13:23 评论0 收藏0
【代码笔记】Web-CSS-CSS样式列表(url)

一，效果图。二，代码。 DOCTYPE html> CSS 样式列表(url) ul.a { list-style: circle; } ul.b { list-style: square; } ol.c { list-style: upper-...

Jiavan 2019-04-23 11:52 评论0 收藏0