“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! 🙂
| Tag | Name | Type | Example | Result or Notes |
|---|---|---|---|---|
| a | Hyperlink | Text | <a>Photics.com</a> | Photics.com |
| abbr | Abbreviation | Text | <abbr>HTML</abbr> is an acronym for Hypertext Markup Language. | HTML is an acronym for Hypertext Markup Language. |
| b | Bold | Text | This is <b>bolded</b> text. | This is bolded text. |
| br | Line Break | Text | ||
| cite | Cite (for titles) | Text | …from the <cite>Photics Web Guide</cite> by Mr. Garofalo. | …from the Photics Web Guide by Mr. Garofalo. |
| del | Delete | Text | <del>Deleted</del> text! | |
| em | Emphasis | Text | This is <em>emphasized</em> text. | This is emphasized text. |
| h1 - h6 | Headings | Section | <h1>Primary Headline</h1> <h2>Secondary Headline</h2> <h3>Tertiary Headline</h3> | No example! It's bad for SEO! 🤭 |
| ins | Insert | Text | <ins>Inserted</ins> text! | Inserted text! |
| kbd | Keyboard Input | Text | Press the <kbd>Esc</kbd> key to exit! | Press the Esc key to exit! |
| mark | Mark | Text | It’s like a <mark>highlighter</mark> marker. | It’s like a highlighter marker. |
| p | Paragraph | Group | ||
| q | Quotation | Text | She said, <q>I love you!</q> | She said, I love you! |
| s | Strikethrough | Text | The <s>strike</s> HTML tag is deprecated! | The |
| strong | Strong | Text | This is <strong>strong</strong> text. | This is strong text. |
| samp | Sample Output | Text | Error: <samp>File not found!</samp> | Error: File not found! |
| sub | Subscript | Text | H<sub>2</sub>O | H2O |
| sup | Superscript | Text | E=mc<sup>2</sup> | E=mc2 |
| u | Underline | Text | <u>Underlined</u> text! | Underlined text! |
| wbr | Word Break Opportunity | Text |
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.