Topic Overview

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

Additional HTML Elements

This week, we’ll spend our time almost exclusively learning about additional HTML elements.

After a quick review, we’ll move into structural markup elements like ordered and unordered lists. Lists are used continuously to communicate information, and HTML has very logical ways of working with them.

We’ll explore several semantic markup elements used to add or change the meaning of text and prose. We’ll also examine how to use links for other websites and e-mail.

As we dive further into HTML, you are welcome to utilize the textbook, HTML & CSS.

By the end of this topic, we hope you:

Are comfortable with structuring HTML documents and many types of semantic markup.
Have a firm grasp of internal and external linking.
Understanding ordered and unordered lists.