More About Emmet.

neharika .neharika .
2 min read

As I said earlier I'll be telling you more about emmet so here it is.

- If we want to give any dummy text under any tag we use p>lorem. (which means we need a dummy text inside a paragraph).

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut, sit iure? Qui cum, quidem facilis rerum deserunt, ullam dicta, fugiat libero suscipit iste beatae quasi similique dolorum vitae nulla nemo.</p>

-if we need to write any tag 4 to 5 times or more we can use multiplication for eg:div*5().

<di></di>
<di></di>
<di></di>
<di></di>
<di></di>

-if we need tags under tags of different functions we can use > sign. It means different tag will be stored under each other.

input: div>p>p>li*5
output:
<div>
        <p>
            <p>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </p>
        </p>
    </div>
input: div>class.1>p>class.2>p#un1>li*5
output:
<div>
        <class class="1">
            <p>
                <class class="2">
                    <p id="un1">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </p>
                </class>
            </p>
        </class>
    </div>

- These types of examples are also known as the parent-child grouping.

-If you want a bold effect in your text then you can use <b></b> tag. You can also use <strong><\strong> which is helpful for screenreaders.

input: b and hit tab key.
output:
<b></b>

-If you want to use the italic style in your text you can use <i><\i> tag.

input: i and tab key.
output:   
<i></i>

-if you want to underline the word use <u><\u> tag.

input: u and enter tab key.
output:
<u>Text</u>
0
Subscribe to my newsletter

Read articles from neharika . directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

neharika .
neharika .