いろいろなタグの使用例

いろいろなタグの使用例

<code>

codeタグは「ここがコードです」という意味を示すだけで、見た目は変更しない。preタグと一緒に使うこと

pre.code {
  color: /* code_color */;
  background-color: /* code_background_color */;
  overflow-x: auto;
  overflow-y: auto;
  padding: 4px;
}
code {
  font-family: "Courier New", "Courier", monospace;
  line-height: 1.3;
}

<sup>

上付き文字を表示するには<sup>を使います。（例：Ca²⁺）

<sub>

下付き文字を表示するには<sub>を使います。（例：H₂O）

<kbd>

キーボード入力を意味する<kbd>は、スタイルを設定すれば楽しく使えるかもしれませんね。（例：Ctrl+X,Ctrl+C）

<dfn>

<dfn>は、用語の定義を行う。<dl>よりも定義する用語の数が少ないときや、文中で使う。（例：董卓暗殺に失敗し、逃亡行の中、県の関門で陳宮に捕まった曹操は、その胸の内を聞かれてこう言ったという。──燕雀安んぞ鴻鵠の志を知らんや!）

select要素の<optgroup>

テーブル

材料
材料名	分量
薄力粉	50g
ベーキングパウダー	小さじ 1/4
砂糖	30g
無塩バター	50g
卵	1個

コメントする