U-Comp

世界をコンピレーションする U-Comp

Posted on by masal


いろいろなタグの使用例

<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>を使います。(例:Ca2+

<sub>

下付き文字を表示するには<sub>を使います。(例:H2O)

<kbd>

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

<dfn>

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

select要素の<optgroup>

テーブル

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

Posted on by masal | Posted in Tips | Tagged , , ,


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>