ABATBeliever.net

h1 見出し1

h2 見出し2

h3 見出し3

h4 見出し4

h5 見出し5
h6 見出し6

テキスト系

これは段落(p タグ)です。

strong: 重要なテキスト
em: 強調テキスト(イタリック)
b: 太字
i: イタリック
u: 下線
s: 打ち消し線
mark: ハイライト
small: 小さいテキスト
通常テキストの中に sup 上付きsub 下付き があります。
code: インラインコード
kbd: キーボード入力 例: Ctrl + C
abbr: HTML(略語、ホバーで展開)
q: インライン引用文

blockquote: ブロック引用です。
長い引用文などに使います。
pre タグ: 整形済みテキスト
  空白や改行が
    そのまま表示されます。
  

リスト系

順序なしリスト (ul)

順序付きリスト (ol)

  1. 最初のステップ
  2. 次のステップ
  3. 最後のステップ

定義リスト (dl)

HTML
Webページの構造を定義する言語
CSS
Webページのスタイルを定義する言語
JavaScript
Webページに動作を加えるプログラミング言語

テーブル

表のキャプション
名前 年齢 職業
山田 太郎 28 エンジニア
鈴木 花子 34 デザイナー
合計: 2名

リンク・メディア

a: 外部リンク(example.com)

a: ページ内リンク(先頭へ)

画像(img):

プレースホルダー画像 200x100

フォーム








ラジオボタン:




セマンティックタグ

article: 記事ブロック

article タグは独立したコンテンツのまとまりを表します。

section: セクション

article の中に section を入れることもできます。

summary: クリックして詳細を表示

details タグの中身です。開閉できるアコーディオンとして機能します。


その他

span タグ(インライン要素): 文章の中の 特定の部分 を囲む用途。
div タグ(ブロック要素):

div の中のコンテンツ

progress タグ: 70%

meter タグ: 60%

ページ先頭へ戻る