demo28- list of tags

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            ul{
                /*
                 * Set List style: set to null
                 list-style: none; remove unordered list of default dot
                 ul unordered list
                 * */
                list-style: none;
            }
            
        </ Style > 
    </ head > 
    < body > 
        <-! Ul: unordered list outside the big label, u is that there is no un, l mean the list represents the list
            Similar list listing tag list type in python, used to store a plurality of data
            The following will be nested ul li
            By default there is a black spot
            type point type may be provided, type = "square"
            circle represents the open circles
            disc is the default, solid black spots. The default is solid black spots
            squre square
            Is an ordered list ol, is in front of No. 2, 3 ...
        -> 
        < UL type = "Square" > 
            < Li > Zhouzhong Jie </ A > </ Li > 
            < Li > < A the href = "#" > without </ A > </ Li > 
            < Li > < A the href = "#" > If you have, like a change it? </ a > </ li > 
            < li > < a href = "#" > If you do not want to, mind one more? </a></li>
        </UL > 
        <-! div quickly generate div tag press the tab key -> 
        < div > </ div > 
        <-! . plus tab key to quickly generate div class div -> 
        < div class = "Box" > </ div > 
        <-! UL> Li. 5 *> a plus the tab to quickly generate the following effects> the arrows indicate the nesting relationship -> 
        < UL > 
            < Li > < a the href = "" > </ a > </ Li > 
            < Li > < A the href = "" > </ A > </li>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
        </ul>
        <!--
            ol: o ordered list is the meaning organization organization
            In front of the serial number, it will automatically add
            type = "1", the default is from the beginning,
            type = "a", can start from a literal
            type = "A", can literally start from A
            You can also set Roman numerals
            start = "3" starting position, unordered list is not this property
        -> 
        < OL of the type = "1" Start = "3" > 
            < li > Luoze Yu </ li > 
            < li > Pan more </ li > 
            < li > Kim </ li > 
        </ OL > 
        <-! Fast key:
            ul> li * 5 press the tab key will appear the following results
            > Indicates nesting relationship ul li mean there
            5 shows five lines
        -->
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </body>
</html>

 

Display effects:

 

Guess you like

Origin www.cnblogs.com/huaibin/p/12587461.html