Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>JSX HTML <tags/>New to Visual Studio Code? Get it now.
JSX HTML <tags/>

JSX HTML <tags/>

Angelo Rafael

|
179,216 installs
| (10) | Free
Use HTML Tags into JSX
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

JSX HTML <tags/>

JSX HTML Tags


HTML tags to JSX files

Support .js | .jsx | .tsx files


Snippets

Content sectioning

Command Result
address <address></address>
article <article></article>
aside <aside></aside>
footer <footer></footer>
header <header></header>
h1 <h1></h1>
h2 <h2></h2>
h3 <h3></h3>
h4 <h4></h4>
h5 <h5></h5>
h6 <h6></h6>
main <main></main>
nav <nav></nav>
section <section></section>

Text content

Command Result
blockquote <blockquote></blockquote>
dd <dd></dd>
div <div></div>
dl <dl></dl>
dt <dt></dt>
figcaption <figcaption></figcaption>
figure <figure></figure>
hr <hr/>
li <li></li>
ol <ol></ol>
p <p></p>
pre <pre></pre>
ul <ul></ul>

Inline text semantics

Command Result
a <a href=""></a>
abbr <abbr title=""></abbr>
br <br/>
cite <cite></cite>
code <code></code>
em <em></em>
mark <mark></mark>
small <small></small>
span <span></span>
strong <strong></strong>
time <time></time>

Image and multimedia

Command Result
audio <audio src=""></audio>
img <img src="" alt="" />
track <track src="" />
video <video src=""></video>

Demarcating edits

Command Result
del <del></del>
ins <ins></ins>

Table content

Command Result
caption <caption></caption>
table <table></table>
tbody <tbody></tbody>
td <td></td>
tfoot <tfoot></tfoot>
th <th></th>
thead <thead></thead>
tr <tr key=""></tr>

Forms

Command Result
button <button></button>
datalist <datalist></datalist>
fieldset <fieldset></fieldset>
form <form></form>
input <input type="text" />
label <label></label>
legend <legend></legend>
optgroup <optgroup></optgroup>
option <option value="" key=""></option>
progress <progress></progress>
select <select></select>
textarea <textarea cols="30" rows="10"></textarea>

Interactive elements

Command Result
details <details></details>
summary <summary></summary>



Buy me a coffe ☕

If you've come this far, it's because you saw some product or code of mine that helped you. I developed it with a lot of appreciation and a lot of dedication to be able to help you. Help me develop more things that will help even more people.

Se você chegou até aqui, é porque viu algum produto ou código meu que lhe ajudou. Desenvolvi com muito apreço e muita dedicação para poder ajudar você. Ajude-me a desenvolver mais coisas que ajudarão mais pessoas ainda.

Doação Paypal

Doação Paypal

Enjoy it!

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