【代碼筆記】Web-HTML-列表

ashe 發布于2019-04-23 13:18 / 3246人閱讀

摘要：列表無序列表有序列表自定義列表不同類型的有序列表不同類型的無序列表嵌套列表嵌套列表自定義列表參考資料菜鳥教程

一，效果圖。

二，代碼。

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

參考資料：《菜鳥教程》

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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