Placeholder Image

字幕表 動画を再生する

  • 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

字幕と単語

ワンタップで英和辞典検索 単語をクリックすると、意味が表示されます

B2 中上級

HTMLチュートリアル - 10 - 構造マークアップ (HTML Tutorial - 10 - Structural Markup)

  • 85 8
    Pan-Shy Gang に公開 2021 年 01 月 14 日
動画の中の単語