マークアップ: HTML タグとフォーマット
HTMLタグの確認はこの記事から行ってください

非順序リスト (ネスト化)

  • リスト項目 1
    • リスト項目 1
      • リスト項目 1
      • リスト項目 2
      • リスト項目 3
      • リスト項目 4
    • リスト項目 2
    • リスト項目 3
    • リスト項目 4
  • リスト項目 2
  • リスト項目 3
  • リスト項目 4

順序リスト (ネスト化)

  1. リスト項目 1
    1. リスト項目 1
      1. リスト項目 1
      2. リスト項目 2
      3. リスト項目 3
      4. リスト項目 4
    2. リスト項目 2
    3. リスト項目 3
    4. リスト項目 4
  2. リスト項目 2
  3. リスト項目 3
  4. リスト項目 4

HTML 要素タグテスト

他の HTML タグは FAQ をご覧ください。

住所タグ

以下は住所の例です。<address> タグを使用しています:

〒100-0000東京都千代田区1-1-1日本

anchor タグ (リンク)

これは <anchor> (もしくはリンクとも呼ばれます) の例です。

abbr タグ

この abbr は文章の中にある <abbr> タグの例です。

Acronym タグ (HTML5 では非推奨)

これは <acronym> タグを使用した TLA です。

Big タグ(HTML5 では非推奨)

このテストは大きな文字を表す <big> タグの例ですが、このタグは HTML5 ではサポートされていません。

Cite タグ

“Code is poetry.” —WordPress

Code タグ

<code> タグはこのように使います: word-wrap: break-word;

Delete タグ

<del> タグは打ち消し線などで表現されますが、このタグは HTML5 ではサポートされていません (代わりに <strike> を使ってください)。

Emphasize タグ

<em> タグは文章の強調に使われます。欧文では斜体になっていることがよくあります。

Insert タグ

<ins> タグは挿入されたコンテンツを意味します。

Keyboard タグ

このあまり知られていない <kbd> タグは Ctrl のようにキーボードテキストをエミュレートします。通常、<code> タグと同じようにスタイリングされます。

Preformatted タグ

<pre> タグは複数行のコードのスタイリングに使います。

.post-title {

	margin: 0 0 5px;

	font-weight: bold;

	font-size: 38px;

	line-height: 1.2;

	and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;

}

Quote タグ

デベロッパーズ、デベロッパーズ, デベロッパーズ… –スティーブ・バルマー

Strike タグ (HTML5 では非推奨)

このタグは打ち消し線を表しています。

Strong タグ

このタグは太字テキストを表しています。

Subscript タグ

Subscript タグ <sub> を使うと H2O のような表示の際に「2」が下付きになります。

Superscript タグ

Superscript タグ <sup> を使うと E = MC2 のような表示の際に「2」が上付きになります。

Teletype タグ (HTML5 では非推奨)

<tt> はあまり使われないタグですが、テレタイプテキスト として通常 <code> タグのようにスタイル

Variable タグ

変数や引数を表す variables タグです。

1 2

3

4

無料EBookプレゼント: ワーク式ホームページのコンセプト作成ブック
【集客できるホームページの内容がスラスラ書ける】

無料ebookこれからホームページを作成していきたいけれど、どこから考えたらよいのだろう?と迷っていませんか?
本書は「HPが欲しい!」と思った瞬間から役に立つ内容を約30ページにまとめた内容です。
質問に答えながら、伝える言葉が導き出されます。
集客できるホームページ作成に必要な軸と設計ができるワークブック

・ホームページ構成の基本
・ターゲットとなる未来のお客様の見つけ方
・キーワードの考え方
・自分の強みの見つけ方
・同業他社との差別化方法
・個人事業者や小さな会社がホームページで伝えるべきこと など

外注に発注する方も自分で制作する方にとっても必ず参考になる内容です。ぜひ、無料でダウンロードして、ホームページ構築にお役立ててください。

無料E-bookダウンロード→

内山瑞穂

内山瑞穂

【HPへの問合せを10倍、売上単価を5倍以上にしてきた方法を惜しみなく公開】
Web制作コンサルタント Web制作講座講師
小さな企業、個人事業主がWebで集客できるノウハウを伝えている。
ターゲット設定からその心理導線に基づいたコンテンツづくりのコンサルティングが好評。
受講生からは、「とことん付き合ってくれる面倒見が嬉しい」「迷いを吹き飛ばしてくれる力が半端ない」と評判。

関連キーワード

関連記事

RELATED POST

  1. 3つ目のコメント

  2. テストコメントです。

  3. 2つ目のコメントです。

PAGE TOP
MENU
お問合せ・FAQ

TEL:0120-333-4444

(月 - 金 9:00 - 18:00)