プログラムのコーディング実例を紹介！

すみゆきのデジタルな日々

: 【HTML】wbr要素の使い方【改行が可能な位置を指定します】

2026/5/6

p要素で英文（長文）を記述した例先ず、長い英文をp要素で記述した例を紹介します。 <body> <p>＜スティーブ・ジョブスの名スピーチ＞</p> <p&g ...

未分類

: 【HTML】span要素の使い方【テキストの汎用的な範囲を指定します】

2026/5/6

span要素による指定方法先ず、span要素によるテキストの汎用的な範囲の指定方法を紹介します。 <body> <p>国境の長いトンネルを抜けると<span>雪国 ...

未分類

: 【HTML】sub要素やsup要素の使い方【下付き文字や上付き文字を表示します】

2026/5/6

sub要素とsup要素の使い方 sub要素とsup要素を使って、下付き文字や上付き文字を表示する例を紹介します。 <body> <p>水の化学式は「H<sub>2& ...

未分類

: 【HTML】data要素の使い方【テキストにデータ情報を付与します】

2026/5/6

data要素の使い方 data要素を使用して、テキストにデータ情報を付与する例を紹介します。 <body> <p>こちらの商品は最新のディスプレイを備えた<data va ...

未分類

: 【HTML】time要素の使い方【日付や時刻を表示します】

2026/5/6

シンプルな日時の表示方法先ず、time要素を使わずに、日時の表示を行った(記述した)例を紹介します。 <body> <p>マラソン大会は2020年10月25日に開催されました ...

未分類

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

2026/5/6

ruby要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。 <body> <p><ruby>一姫二太郎<rt>いちひめにたろう< ...

未分類

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

2026/5/6

abbr要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。 <body> <p><abbr title="世界保健機関">ＷＨ ...

未分類

: 【HTML】q要素の使い方【短い引用文を示します】

2026/5/6

q要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。 <body> <p>夏目漱石の小説「吾輩は猫である」の冒頭は、<q>吾輩は猫である。名前はま ...

未分類

: 【HTML】cite要素の使い方【作品や文献（サイト）のタイトルを示す】

2026/5/6

cite要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。 <body> <p>名作<cite>吾輩は猫である</cite>は、夏目漱 ...

未分類

: 【HTML】s要素の使い方【無効になったテキストに取り消し線を付けます】

2026/5/6

s要素の使い方以下のプログラムと、ブラウザの表示結果を見てください。 <body> <p><s>販売価格：2,000円（税込み）</s>⇒タイムセール ...

未分類

1 2 Next »

すみゆき

『すみゆきのデジタルな日々』を運営しているすみゆきといいます！筋トレと故郷（信州）、アルコールをこよなく愛するオッサンです。博士号を取得後、意気揚々とプログラマーに挑戦。挫折により将来を悲観するものの、プログラマーとして再起すべく奮闘中。当サイトでは、プログラマーとして始動した方々に有益な情報を提供していきます。

プロフィール

最近の投稿

カテゴリー

未分類

アーカイブ