Tip:
Highlight text to annotate it
X
Structural markup describes the purpose of text and lets the appearance be decided the
browser.
We can structure text as a header using one of the six header tags , with
being the largest and the smallest. We can also align the header with the values
left, right, center, or justified.
Other common content-based styles are emphasis and strong emphasis . They will
typically be rendered the same as italic and bold.
Insert and delete are used to markup replacement text. They are typically
rendered as strikethrough and underlined.
When including a quotation we have several choices available. The inline quote tag ,
is intended for short quotes, however since not all browsers render the double quotes
it's usually better to just use normal quotes instead.
For longer quotations we have which will indent the text.
Then there is the element which is used for citations or quote references.
Both quote elements may also use the attribute named cite to provide a reference, but the
value of this attribute will not be displayed on the page.
Next, we have three elements useful in technical documents and four more related to programming.
The technical ones are definition , abbreviation and acronym . The generic
title attribute can be useful here to enter the full name for an abbreviation or acronym.
Lastly, we have the elements relating to programming. Code can be used to structure programming
code. Sample to show output from a program. Keyboard for text to be entered
by the user and variable for program variable names.