Name: HTMLチュートリアル - 10 - 構造マークアップ (HTML Tutorial - 10 - Structural Markup)
Uploaded: 2021-01-14T05:21:33.000Z
Duration: 1 min 54 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

上級受動態

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

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

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.