This article needs a technical review. How you can help.
This page is not complete.
While using HTML it can be very handy to have an easy way to remember how to use HTML tags properly and how to apply them. MDN provides you with an extended HTML documentation as well as a deep instructional HTML how-to. However, in many cases we just need some quick hints as we go. That's the whole purpose of the cheatsheet, to give you some quick accurate ready to use code snippets for common usages.
Remember that HTML tags must be used for their semantic, not their appearance. It's always possible to totally change the look and feel of a given tag using CSS so, when using HTML, take the time to focus on the meaning rather than the appearance.
An "element" is a single part of a webpage. Some elements are large and hold smaller elements like containers. Some elements are small and are "nested" inside larger ones. By default, "inline elements" appear next to one another in a webpage. They take up only as much width as they need in a page and fit together horizontally like words in a sentence or books shelved side-by-side in a row.All inline elements can be implemented within the <body></body> tags.
|A simple link||
||A link to MDN|
|A simple image||
|Emphasize some text||
|Mark text as important||
|Highlight some text||
|Draw a line through irrelevant text||
|Underline a non-textual annotation||
||This is mispelled|
|Text displayed lower than normal text||
|Text displayed higher than normal text||
|A short inline quotation||
The q element indicates a short inline quotation.
|A line break||
|Text displayed in code format||
<p>This text is in normal format.</p>
<code>This text is in code format.</code>
This text is in normal format.
|Embedded Audio||<audio controls src="https://mdn.mozillademos.org/files/2587/AudioTest%20%281%29.mp3">The <code>audio</code> element is unsupported.</audio>|
|Embedded Video||<video controls src="https://archive.org/download/WebmVp8Vorbis/webmvp8_512kb.mp4">The <code>video</code> element is unsupported.</video>|
"Block elements," on the other hand, take up the entire width of a webpage. They also take up a full line of a webpage; they do not fit together side-by-side. Instead, they stack like paragraphs in an essay or toy blocks in a tower.
|A simple paragraph||
I'm a paragraph
I'm another paragraph
|An extended quotation||
The blockquote element indicates an extended quotation.
|An unordered list||
|An ordered list||
|A definition list||
|A horizontal rule||
This is Heading 2
This is Heading 3
This is Heading 4
This is Heading 5