Css-codes/emmets.html at master · Lordazekage/Css-codes · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Second</title>
</head>

<body>
    <h1>The First header</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta eum facere praesentium ipsa ratione, adipisci, voluptatibus
        quisquam quaerat enim corrupti nemo quidem exercitationem repellendus voluptate architecto ullam fuga totam assumenda?
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos suscipit maxime excepturi facilis quam sed quod? Harum
        maiores qui optio placeat aut, quis quaerat ab labore minima doloribus magni repellendus! Consequuntur earum laboriosam
        voluptatem excepturi enim. Nam magni voluptas ipsam, labore soluta recusandae quos dolorum molestias vero quas repellendus
        dolores libero facilis totam nesciunt laborum modi fugit iusto similique rem. Voluptate, porro! Rem maiores incidunt
        assumenda ratione illum debitis magni amet nam non accusantium cumque possimus quis provident obcaecati voluptatem
        molestias repellat, ipsam minus, optio veritatis! Minima error similique eius.</p>

    <h2>The second head to test anchor tags</h2>

    <a href="first.html">home page</a>
    <a href="tables.html">tables</a>
    <a href="forms.html">forms</a>


    <!-- some short codes the aids in bringing up the tags,
        they are called emmet. i will put in only four,
        but look up for more.-->

    <!-- nav>ul>li then press tab a nav div is created which has an unordered list inside it and one list with the ul
well basically > is used to create sub ie child, + for on same level ie sibling * for multiple of same thing written,
$ to add numbers(dont really understand the use yet), ^ climb up, well you know..-->

    <!-- nav>h3{A TEST FOR EMMETS}+{An Unoredered list parenting many children}ul>li*3{child$}+li{ child 4 birthed an ordered list:}>ol>li*2{Grandchild}
        this is th efunction for the below-->

    <nav>
        <h3>A TEST FOR EMMETS</h3>
        An unoredered list parenting many children
        <ul>

            <li>child1</li>
            <li>child2</li>
            <li>child3</li>
            <li>
                child 4 birthed an ordered list:
                <ol>
                    <li>Grandchild</li>
                    <li>Grandchild</li>
                </ol>
            </li>
        </ul>
    </nav>


</body>

</html>