Scribd
Upload
2 views1 page

HTML Shortcuts Vs Code

The document lists 10 useful HTML shortcuts for beginners using Visual Studio Code. These shortcuts include creating HTML boilerplate, lists, divs, images, hyperlinks, navigation menus, tables, and email input fields. Users can expand these shortcuts by typing them in an HTML file and pressing Enter or Tab with Emmet enabled.

Uploaded by

robelabirew
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views1 page

HTML Shortcuts Vs Code

The document lists 10 useful HTML shortcuts for beginners using Visual Studio Code. These shortcuts include creating HTML boilerplate, lists, divs, images, hyperlinks, navigation menus, tables, and email input fields. Users can expand these shortcuts by typing them in an HTML file and pressing Enter or Tab with Emmet enabled.

Uploaded by

robelabirew
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

10 Very Useful HTML Shortcuts in VS Code

(Beginner Friendly)

• ! → Creates the full HTML boilerplate structure.

• ul>li*5 → Creates an unordered list with 5 list items.

• [Link] → Creates a div with class='container'.

• div#header → Creates a div with id='header'.

• img → Quickly creates an image tag with src and alt attributes.

• a → Creates a hyperlink tag with href attribute.

• div*3 → Creates three div elements instantly.

• nav>ul>li*4 → Quickly generates a simple navigation menu structure.

• table>tr*3>td*3 → Creates a 3x3 table structure.

• input:email → Generates an email input field for forms.

Tip: Type the shortcut in an HTML file in Visual Studio Code and press Enter or Tab to expand it
using Emmet.

You might also like