emmet in html\emmet html|emmet abbreviation|html emmet vscode

Emmet is a powerful and popular toolkit for web developers and designers that streamlines the process of writing HTML and CSS code. Helps us to write the code faster increases productivity and saves the time of the programmer.

It is a set of extensions for various text editors and (IDEs) commonly used by web developers. It does this by providing a number of shortcuts

<!DOCTYPE html>
<!-- <!DOCTYPE html>    -- it tells us about which version of html is being used -->

<html lang="en">         
<!-- <html lang="en">         - tells us about the languaage used -->

<head>

    <!-- meta   -- it tells us information about information , exam... we say x now it is a data and what type of data is x and the information about x -->
    <meta charset="UTF-8">   
    <!-- UTF-8 >   Unicode Transformation Format , it means whatever you are writing will be displayed without changing  -->

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0">
        it means capture the device width and set device display width to 1 so that it will display prefectly in all types of screen width -->

    <title>Document</title>
</head>
<body>
    <p></p>                         <!-- // write p then press tab  -->
    <p class="class"></p>       <!-- write tagname.class then press tab\enter for speedy html -->
    <p class="hello"></p>              <!-- write tagname[class=classname] then press tab\enter for speedy html -->
    <p id="idname"></p>                 <!-- write tagname#idnmame for writing id then press tab\enter for speedy html -->

     <table>                             <!-- To generate a table with two rows and three columns table>tr*2>td*3 -->
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
     </table>              



</body>
</html>

The above programme shows use of emnet and speedy html which is used by programmers to increase the efficiency of writing the code.

lt4 link : https://hashnode.com/post/clnuhjlnq00090ame632k0z46

Emmet In Html (lt. 5)

Did you find this article valuable?