2022年8月

プログラミング
【smallタグ】テキストの一部小さく表示してみよう「HTML・解説・初心者向け」- ノブレコ

smallタグとは、テキストの文字を一段階小さくして表示するためのタグです。小さくして表示するテキストの代表例として、「補足事項」「著作権表示」「免責事項」などが挙げられます。 またこの要素は、テキストを小さく見せるためのものではなく、あくまで意味的にコンテンツを小さく表示するものなので間違えないように注意しましょう。

続きを読む
プログラミング
【sampタグ】CPUプログラムのサンプル結果を表示してみよう!「HTML・解説・初心者向け」- ノブレコ

sampとは、「sample(サンプル)」の略で、コンピュータプログラムのサンプル出力の結果をテキストで表示するためのタグです。主にコンピューターが出力した「確認メッセージ」や「エラーメッセージ」の文章をそのままテキストとしてマークアップするために用いります。

続きを読む
プログラミング
【kbdタグ】ユーザーの文字入力をテキストで示してみよう!「HTML・解説・初心者向け」- ノブレコ

kbdタグとは、 「keyboard(キーボード)」の略で、ユーザーによるキーボードや音声入力などの「入力端末からの文字入力をテキストで示す」ためのタグです。使用目的として、キーボード入力のキー表示が必要な場合に使用します。その他のデバイスとして音声入力などの入力を表す場合にも使用できます。

続きを読む
プログラミング
【preタグ】整形テキストで見た目に一定の意味を持たしてみよう!「HTML・解説・初心者向け」- ノブレコ

preタグとは、(プリフォーマティッド テキスト)」の略で、プリフォーマットされたテキストを示すタグです。 プリフォーマットは「整形済み」という意味で、テキストは「教材などの原文や本文」という意味をもっています。整形済みテキストは、テキストにホワイトスペース文字を使って空白や改行で形を整えたテキストのことです。

続きを読む
プログラミング
【spanタグ】特別な意味はもたないけど装飾などに便利!テキストを部分的にマークアップしてみよう!

spanタグとは、マークアップした範囲内のテキストに、CSSでの装飾を目的に「id属性」や「class属性」を指定して使用するタグです。その他にも「lang属性」で部分的に扱う言語を変更したり、「style属性」で要素に直接CSSを記述する使用方法などがあります。

続きを読む
プログラミング
【hgroupタグ】見出しをまとめてグループ化する!【HTML・解説・初心者向け】| ノブレコ

hgroupタグとは、「header group(ヘッダーグループ)」の略で、ヘディングコンテンツである「h1~h6をグループ化する」ためのタグです。見出しであるh1が、サブタイトルや代替タイトルなどを伴う場合に、その記述についてどうあるべきか?という議題のもとに開発された要素です。

続きを読む
プログラミング
【bタグ】でテキストを太字にして表示してみよう!「HTML・解説・初心者向け」| ノブレコ

bタグは、「bold(ボールド)」の略で、テキストを「太字」で表示するためのタグです。以前は太字要素と呼ばれていましたが、注目を惹きたい部分を太字で表示する「注目要素」という認識でオッケーです。あくまでbタグは、上記のような要素で適切な表現ができない場合の最終手段として覚えておきましょう。

続きを読む