未分類

未分類

【HTML】ruby要素の使い方【テキストにルビ(ふりがな等)を表示させます】

ruby要素を使えば、テキストにふりがなや読み方を示すことができます。ruby要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。<body><p><ruby>一姫二太郎<rt>いちひめにたろう</rt></ruby>...
未分類

【HTML】abbr要素の使い方【略語や頭文字を示します】

abbr要素を使えば、略語や頭文字を示すことができます。abbr要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。<body><p><abbr title="世界保健機関">WHO</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要素...
タイトルとURLをコピーしました