| Element | Description | Example of use / Output |
|---|---|---|
<em></em> |
Emphasizes text - semantic tag | We are the best in the city |
<i></i> |
Italic text | JavaScript is a very powerful language |
<strong></strong> |
Important text - semantic tag | This is the last day to apply |
<b></b> |
Bold text | My name is Bob. |
<u></u> |
Underlined text | My name is Bob. |
<time></time> |
Dates and times | The concert starts at 12:00 |
<a></a> |
Anchor | Go to Google |
<br> |
Line break | To be Or not to be |
<img> |
Image | Go to codepen |
<script></script> |
Embedded code | Go to codepen |
<span></span> |
Generic inline container | Some text |
<button></button> |
Clickable button | Go to codepen |
<input></input> |
Data input field | Go to codepen |
<label></label> |
Caption for item | Go to codepen |
<select></select> |
Menu of options | Go to codepen |
<textarea></textarea> |
Multi-line input |
| Element | Description | Example of use / Output |
|---|---|---|
<p></p> |
Paragraph | Welcome to your website |
<pre></pre> |
Preformated text | hello world! |
<h1></h1> |
Heading (title) | Hello World! |
<ol></ol> |
Ordered List | OneTwo |
<ul></ul> |
Unordered List | OneTwo |
<li></li> |
List Item | One |
<table></table> |
2-D Data | Go to codepen |
<form></form> |
Submit info | Go to codepen |
<fieldset> |
Group form items | Go to codepen |
<hr /> |
Content separation |