未分類【HTML】ruby要素の使い方【テキストにルビ（ふりがな等）を表示させます】
ruby要素を使えば、テキストにふりがなや読み方を示すことができます。ruby要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。<body><p><ruby>一姫二太郎<rt>いちひめにたろう</rt></ruby>...
未分類
未分類
未分類【HTML】abbr要素の使い方【略語や頭文字を示します】
abbr要素を使えば、略語や頭文字を示すことができます。abbr要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。<body><p><abbr title="世界保健機関">ＷＨＯ</abbr>は国際連合の専門機関の...
未分類【HTML】q要素の使い方【短い引用文を示します】
q要素を使うことで、短い引用文を示すことができます。q要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。<body><p>夏目漱石の小説「吾輩は猫である」の冒頭は、<q>吾輩は猫である。名前はまだ無い。</q>で始ま...
未分類【HTML】cite要素の使い方【作品や文献（サイト）のタイトルを示す】
作品や文献（サイト）のタイトルは、cite要素でマークアップしましょう。cite要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。<body><p>名作<cite>吾輩は猫である</cite>は、夏目漱石の代表作です...
未分類【HTML】s要素の使い方【無効になったテキストに取り消し線を付けます】
テキスト内容が無効になった場合、s要素でマークアップしましょう。s要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。<body><p><s>販売価格：2,000円（税込み）</s>⇒タイムセール価格：1,400円（税...
未分類【HTML】small要素の使い方【Webページ上の注釈や細目を表します】
Webページ上の注釈、細目、捕捉情報は、small要素で表しましょう。small要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。<body><p>この本の値段は2,000円<small>（税込み）</small>に...
未分類【HTML】mark要素の使い方【テキストのハイライト表示ができます】
mark要素を使えば、テキストのハイライト表示ができます。mark要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。<body><p>日本の近代化革命の礎となった<mark>明治維新</mark>は歴史上の重要な転換...
未分類【HTML】u要素の使い方【スペルミスや外国固有名詞を表します】
u要素を使えば、スペルミスや外国固有名詞を示すことができます。u要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。<body><p>「<u>雪辱を晴らす</u>」ではなく、正しくは「雪辱を果たす」です。</p> ...
未分類【HTML】i要素の使い方【慣用句、技術用語、感情などを他のテキストと区別します】
i要素を使えば、慣用句、技術用語、感情などを表すことができます。i要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。<body><p>彼女は普段からおしゃべりで、本当に<i>口が軽い</i>。</p></body>b...
未分類【HTML】b要素の使い方【他のテキストと区別するためのマークアップです】
b要素を使えば、視覚的に他のテキストと区別できるようになります。b要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。<body><p>日本とハワイの時差は<b>19</b>時間です。</p></body>body要素...