HTML Tutorial – 10 – Structural Markup


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. Insertand deleteare 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 theelement 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.
Codecan be used to structure programming code. Sampleto show output from a
program. Keyboardfor text to be entered by the user and variablefor program
variable names.

Add a Comment

Your email address will not be published. Required fields are marked *