Comments in HTML

Leaving Messages and Notes in HTML Adding HTML Comments TODO

Attributes

Review: HTML Elements and Tags Adding Attributes Revisit the Root Improving Document Structure TODO

Declaring Doctype

Review: DOCTYPE In the Past In the Now TODO

Head Elements

Review: The Head Meta Viewport Title Link Style Review: Head Elements TODO

Body Elements

Review: The Body Structural Markup Semantic Markup TODO

Semantic Markup

Bold and Strong Italic and Emphasis Superscript and Subscript Quotes and Blockquotes Abbreviations and Acronyms Citations Definitions Addresses Insert and Delete Strikethrough TODO

Lists

List Types Ordered Unordered Definitions Nested Lists TODO

External Hyperlinks

Hyperlinks and Hypertext Creating a Link Setting the Target Links to Other Sites E-mail Links TODO

Proper and Polite Code

Nobody Likes Rude Code 1. Logical or Linear Ordering 2. Properly Nested Tags 3. Indented Elements TODO

Semantic Markup

Semantic markup is used to reinforce the semantics - or meaning - of the information in a document. Semantic markup might be used to place emphasis on a word or phrase, or identify a word as being strong. They can also provide citations or quotations, link to definitions, or distinguish ~~editorial changes~~.

For example:

“Known as Clue in North America, Cleudo is a murder-mystery game based on strategy and deduction. Players make arguments based on their questioning of the perpetrator, location, and method of the crime.”

HTML

<blockquote>“Known as <cite>Clue</cite> in North America, <cite>Cleudo</cite> is a murder-mystery game based on <b>strategy</b> and <b>deduction.</b> Players make arguments based on their questioning of the <u>perpetrator</u>, <u>location</u>, and <u>method</u> of the crime.”</blockquote>

We can use this pattern in HTML using text, tags, and markup to create arguments for our content and its meaning.

html markup semantic