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

Hyperlinks and Hypertext

One of the primary reasons for the Internet was to easily reference research when citing others, with an ability to directly “link” to their work.

Hyperlink

In computing, a hyperlink, or merely a link, refers to data that the reader can directly follow either by clicking, tapping, or hovering. A hyperlink points to a whole document or a specific element within a document.

Hypertext

Hypertext is text with hyperlinks. The text that is linked is called anchor text. A user following hyperlinks is said to navigate or browse the hypertext. ^[1]

Note Link text should be specific about where the user will be going if they click a link. This specificity means that links should not be simple text such as “Click Me!” Instead, a best practice would dictate that the link text be a description of the site, name, or information that informs the user.

“Want to learn more? Click here!”
“See this page about hyperlinks to learn more.”

html design hyper link text