HTML Tags List

WordPress TinyMCE WYSIWYG HTML Editor — Thumbnail Image“A Book About Making Web Games” has changed to the “Photics Web Guide”. There were technical issues. But more importantly, I wanted to do something a little more serious. The world is filled with amazing video games — including web games — but the Internet overall has been feeling stale lately. That’s why the focus was shifted to a more generalized Web Development / Web Design book. And while working on the book, a testing ground for HTML tags was needed. So, I put it here. Enjoy! 🙂

TagNameTypeExampleResult or Notes
aHyperlinkText<a>Photics.com</a>Photics.com
abbrAbbreviationText<abbr>HTML</abbr> is an acronym for Hypertext Markup Language.HTML is an acronym for Hypertext Markup Language.
bBoldTextThis is <b>bolded</b> text.This is bolded text.
brLine BreakText
citeCite
(for titles)
Text…from the <cite>Photics Web Guide</cite> by Mr. Garofalo.…from the Photics Web Guide by Mr. Garofalo.
delDeleteText<del>Deleted</del> text!Deleted text!
emEmphasisTextThis is <em>emphasized</em> text.This is emphasized text.
h1 - h6HeadingsSection<h1>Primary Headline</h1>
<h2>Secondary Headline</h2>
<h3>Tertiary Headline</h3>
No example!
It's bad for SEO! 🤭
insInsertText<ins>Inserted</ins> text!Inserted text!
kbdKeyboard InputTextPress the <kbd>Esc</kbd> key to exit!Press the Esc key to exit!
markMarkTextIt’s like a <mark>highlighter</mark> marker.It’s like a highlighter marker.
pParagraphGroup
qQuotationTextShe said, <q>I love you!</q>She said, I love you!
sStrikethroughTextThe <s>strike</s> HTML tag is deprecated!The strike HTML tag is deprecated!
strongStrongTextThis is <strong>strong</strong> text.This is strong text.
sampSample OutputTextError: <samp>File not found!</samp>Error: File not found!
subSubscriptTextH<sub>2</sub>OH2O
supSuperscriptTextE=mc<sup>2</sup>E=mc2
uUnderlineText<u>Underlined</u> text!Underlined text!
wbrWord Break OpportunityText

I’m still working on the book.
This list will grow as I test new tags. 😄

Note: To see the “HTML Living Standard”, visit the HTML section of the Web Hypertext Application Technology Working Group (WHATWG) website. The creators of modern web browsers (Apple, Google, Mozilla, and Microsoft) collaborated to create web standards.