Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>HTML Class Attribute SnippetsNew to Visual Studio Code? Get it now.
HTML Class Attribute Snippets

HTML Class Attribute Snippets

Mike Poirier

|
22,716 installs
| (5) | Free
Easily add class attributes while creating HTML tags.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

HTML Class Attribute Snippets

This extension enables you to create HTML tags with class attributes quickly and easily.

How-To

In order to use the snippets, begin typing one of the snippets listed below then press tab or enter.

Demo

HTML Snippets

Snippet Purpose
a.class Create an anchor with class attribute(s)
b.class Create bold text with class attribute(s)
body.class Create a body with class attribute(s)
button.class Create a button with class attribute(s)
div.class Create a section with class attribute(s)
dl.class Create a description list with class attribute(s)
dt.class Create a term in a description list with class attribute(s)
em.class Create emphasized text with class attribute(s)
fa.class Create a tag for font-awesome icon usage with class attribute(s)
footer.class Create a footer with class attribute(s)
form.class Create an input form with class attribute(s)
h1.class Create a heading (h1) with class attribute(s)
h2.class Create a heading (h2) with class attribute(s)
h3.class Create a heading (h3) with class attribute(s)
h4.class Create a heading (h4) with class attribute(s)
h5.class Create a heading (h5) with class attribute(s)
h6.class Create a heading (h6) with class attribute(s)
header.class Create a header with class attribute(s)
html.class Create an html with class attribute(s)
idiv.class Create an inline section with class attribute(s)
input.class Create an input with class attribute(s)
label.class Create a label for an input with class attribute(s)
li.class Create a list item with class attribute(s)
nav.class Create a nav with class attribute(s)
ol.class Create an ordered list with class attribute(s)
p.class Create a paragraph with class attribute(s)
q.class Create a quotation with class attribute(s)
select.class Create a drop-down list with class attribute(s)
small.class Create smaller text with class attribute(s)
span.class Create a span with class attribute(s)
strong.class Create strong text with class attribute(s)
sub.class Create subscripted text with class attribute(s)
sup.class Create superscripted text with class attribute(s)
table.class Create a table with class attribute(s)
tbody.class Create a table body with class attribute(s)
td.class Create a table cell with class attribute(s)
textarea.class Create a multiple line input with class attribute(s)
tfoot.class Create a table footer with class attribute(s)
th.class Create a table header cell with class attribute(s)
thead.class Create a table header with class attribute(s)
title.class Create a title with class attribute(s)
tr.class Create a table row with class attribute(s)
u.class Create underlined text with class attribute(s)
ul.class Create an unordered list with class attribute(s)

Updates

v1.0.6

  • Updated logo (courtesy of Ashley McDonald)
  • Added new snippet fa.class for font-awesome icon usage
  • Updated documentation

v1.0.5

  • Added demo gif to documentation

v1.0.4

  • Removed placeholder text from snippet generated code
  • Updated documentation

v1.0.3

  • Updated documentation

v1.0.2

  • Added new snippet idiv.class for inline div creation
  • Updated documentation

v1.0.1

  • Original version
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft