Placeholder Image

Subtitles section Play video

  • 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 <H1-H6>, with <H1>

  • being the largest and <H6> the smallest. We can also align the header with the values

  • left, right, center, or justified.

  • Other common content-based styles are emphasis <em> and strong emphasis <strong>. They will

  • typically be rendered the same as italic and bold.

  • Insert <ins> and delete <del> 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 <q>,

  • 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 <blockquote> which will indent the text.

  • Then there is the <cite> 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 <dfn>, abbreviation <abbr> and acronym <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 <code> can be used to structure programming

  • code. Sample <samp> to show output from a program. Keyboard <kbd> for text to be entered

  • by the user and variable <var> for program variable names.

Structural markup describes the purpose of text and lets the appearance be decided the

Subtitles and vocabulary

Click the word to look it up Click the word to find further inforamtion about it