見出しタグ

h1見出しサンプル

h2見出しサンプル

h3見出しサンプル

h4見出しサンプル

h5見出しサンプル

文字色タグ

文字色を水色

文字色を赤色

文字色をオレンジ色

文字色をピンク色

文字色を紫色

文字色を緑色

文字色を青色

文字色を黄色

文字色をオリーブ色

文字色をライム色

文字色を黒色

文字色を灰色

文字色を白色

文字色を茶色

マーカー表示タグ

文字にオレンジ色の背景色をつける。

文字にピンク色の背景色をつける。

文字に黄色の背景色をつける。

文字にライム色の背景色をつける。

文字に灰色の背景色をつける。

リストタグ

標準リストタグ

  • リストが入ります。
  • リストが入ります。

番号付きリストタグ

  1. リストが入ります。
  2. リストが入ります。

横並びリストタグ

  • リストが入ります。
  • リストが入ります。

マーカー文字非表示リストタグ

  • リストが入ります。
  • リストが入ります。

テーブルタグ

標準のテーブルタグ

項目名 項目名
項目名が入ります 項目内容 項目内容
項目名が入ります 項目内容 項目内容
項目名が入ります 項目内容 項目内容

スマホ時に横にスクロールするテーブルタグ

項目名 項目名
項目名が入ります 項目内容 項目内容
項目名が入ります 項目内容 項目内容
項目名が入ります 項目内容 項目内容

比較用テーブルタグ

引用タグ

記述リスト1タグ

記述リストのデザインその1
要素が横に並びます。モバイルなどでは、横並びが解除されます。また
左よりも右の文字数の方が少なくなるとデザインが崩れます。
記述リストのデザインその1
要素が横に並びます。モバイルなどでは、横並びが解除されます。また
左よりも右の文字数の方が少なくなるとデザインが崩れます。
記述リストのデザインその1
要素が横に並びます。モバイルなどでは、横並びが解除されます。また
左よりも右の文字数の方が少なくなるとデザインが崩れます。

記述リスト2タグ

記述リストのデザインその2
要素が縦に並びます。
記述リストのデザインその2
要素が縦に並びます。
記述リストのデザインその2
要素が縦に並びます。

透過ボックスタグ

サイトをリニューアルしました。サイトをリニューアルしました。サイトをリニューアルしました。サイトをリニューアルしました。

小さなチェックリストタグ

  • チェックリストの項目が入ります。

大きなチェックリストタグ

  • チェックリストの項目が入ります。

王冠アイコンのランキングリストタグ

  1. 項目名などが入ります

    ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。

  2. 項目名などが入ります

    ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。

  3. 項目名などが入ります

    ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。

  4. メダルアイコンのランキングリストタグ

    1. 項目名などが入ります

      猫1

      ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。

    2. 項目名などが入ります

      猫2

      ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。

    3. 項目名などが入ります

      猫3

      ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。

    4. シンプルなランキングリストタグ

      1. 項目名などが入ります

        猫1

        ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。

      2. 項目名などが入ります

        猫2

        ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。

      3. 項目名などが入ります

        猫3

        ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。

      4. 画像の中に順位 ランキングリストタグ

        1. 猫1

          項目名などが入ります

          ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。

        2. 猫2

          項目名などが入ります

          ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。

        3. 猫3

          項目名などが入ります

          ランキングに関する説明文が入ります。ランキングに関する説明文が入ります。

        小さなアイコンタグ

        ポイント

        注意

        NEW

        初心者

        別ウインドウ

        矢印上

        矢印右

        矢印下

        矢印左

        ダウンロード

        PDF

        ZIP

        メール

        ショッピングカート

        ホーム

        フォルダ

        時計

        カレンダー

        ビル

        マップ

        大きなアイコンタグ

        ポイント

        注意

        NEW

        初心者

        別ウインドウ

        矢印上

        矢印右

        矢印下

        矢印左

        ダウンロード

        PDF

        ZIP

        メール

        ショッピングカート

        虫眼鏡

        ホーム

        フォルダ

        時計

        カレンダー

        ビル

        マップ

        カラムタグ

        4カラムタグ

        テキストが入ります。
        テキストが入ります。
        テキストが入ります。
        テキストが入ります。
        テキストが入ります。
        テキストが入ります。
        テキストが入ります。
        テキストが入ります。
        テキストが入ります。

        3カラムタグ

        テキストが入ります。
        テキストが入ります。
        テキストが入ります。
        テキストが入ります。
        テキストが入ります。

        2カラムタグ

        テキストが入ります。
        テキストが入ります。

        質問形式タグ

        ここには質問文が入ります。
        ここには回答文が入ります

        吹き出し1 角丸画像

        登場人物A登場人物A

        ここにセリフが入ります。ここにセリフが入ります。ここにセリフが入ります。ここにセリフが入ります。

        登場人物B登場人物B

        ここにセリフが入ります。ここにセリフが入ります。ここにセリフが入ります。ここにセリフが入ります。

        吹き出し2 背景色

        登場人物A

        ここにセリフが入ります。ここにセリフが入ります。ここにセリフが入ります。ここにセリフが入ります。

        登場人物B

        ここにセリフが入ります。ここにセリフが入ります。ここにセリフが入ります。ここにセリフが入ります。

        コンバージョンボタンタグ

        緑色

        青色

        オレンジ色

        赤色

        まだ使えるタグは賢威7にはありますが、HTML版も含めてよく使うタグのサンプルを作ってみました。