整形済みテキスト

整形済みテキストです。コードなどを記述する場合は以下のようにcode要素でマークアップします。


インラインの装飾

em要素: 強勢する(アクセントを付ける)箇所を表す



strong要素: 強い重要性を表す



small要素: 免責・警告・著作権などの注釈や細目を表す



s要素: すでに正確ではなくなった内容を表すテキストが入ります。



abbr要素: HTML等の略語






引用エリア

blockquote要素

ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。
ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。
ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。ここに引用文が入ります。
ここに引用文が入ります。ここに引用文が入ります。

q要素

ここにテキストが入りますここにテキストが入りますここにテキストが入りますここにテキストが入りますここにテキストが入りますここにテキストが入ります。
ここにテキストが入りますここにテキストが入ります。
ここにテキストが入ります文中に出てくる短文の引用部分への装飾ですここにテキストが入りますここにテキストが入りますここにテキストが入りますここにテキストが入りますここにテキストが入ります。

マルチカラム

6カラム

5カラム

4カラム

3カラム

2カラム

6カラム(余白無し)

5カラム(余白無し)

4カラム(余白無し)

3カラム(余白無し)

2カラム(余白無し)

最近の記事

サンプル

タイトルが入ります。タイトルが入ります。タイトルが入ります。タイトルが入ります。

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

最近の記事

サンプル

タイトルが入ります。タイトルが入ります。タイトルが入ります。タイトルが入ります。タイトルが入ります。タイトルが入ります。タイトルが入ります。タイトルが入ります。タイトルが入ります。タイトルが入ります。タイトルが入ります。タイトルが入ります。

テキストが入ります。テキストが入ります。テキストが入ります。
サンプル

タイトルが入ります。タイトルが入ります。タイトルが入ります。タイトルが入ります。

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
サンプル

タイトルが入ります。タイトルが入ります。タイトルが入ります。タイトルが入りま

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

テーブルのデザイン

テーブル(レスポンシブ) デザイン01

見出し1 テーブルデータ1
見出し2 テーブルデータ2
見出し3 テーブルデータ3

見出し1 見出し2 見出し3
テーブルデータ1-1 テーブルデータ1-2 テーブルデータ1-3
テーブルデータ2-1 テーブルデータ2-2 テーブルデータ2-3
テーブルデータ3-1 テーブルデータ3-2 テーブルデータ3-3

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

ステップ図

  1. ステップ1のテキストが入ります。

  2. ステップ2のテキストが入ります。

  3. ステップ3のテキストが入ります。

  4. ステップ4のテキストが入ります。

  1. ステップ1が入ります

  2. ステップ2が入ります

  3. ステップ3が入ります

  4. ステップ4が入ります

装飾ボックス

テキストが入ります。

テキストが入ります。

テキストが入ります。

テキストが入ります。

テキストが入ります。

テキストが入ります。

テキストが入ります。

タイトルが入ります。

テキストが入ります。

タイトルが入ります。

テキストが入ります。

タイトルが入ります。

テキストが入ります。

タイトルが入ります。

テキストが入ります。

タイトルが入ります。

テキストが入ります。

タイトルが入ります。

テキストが入ります。

タイトルが入ります。

テキストが入ります。

タブメニュー

  • メニュー1メニュー1メニュー1メニュー1メニュー1メニュー1
  • メニュー2
  • メニュー3
  • コンテンツ1が入ります。コンテンツ1が入ります。
  • コンテンツ2が入ります。コンテンツ2が入ります。
  • コンテンツ3が入ります。コンテンツ3が入ります。

吹き出し

登場人物A

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

登場人物B

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

登場人物A笑顔の登場人物A登場人物A笑顔の登場人物A

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

登場人物B笑顔の登場人物B登場人物B笑顔の登場人物B

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

登場人物A登場人物A

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

登場人物B登場人物B

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

画像の装飾

サンプル
ノーマル
サンプル
影付き

サンプル
影付き2
サンプル
囲み線(1px)

サンプル
角丸
サンプル

サンプル
写真風

アイコンリスト

HTMLの記述方法 ブラウザでの表示結果
ポイント
注意
別ウインドウ
矢印上
矢印右
矢印下
矢印左
ダウンロード
PDF
ZIP
メール
ショッピングカート
虫眼鏡
ホーム
フォルダ
時計
カレンダー
ビル
マップ
NEW
初心者マーク

その他の色指定

HTMLの記述方法 ブラウザでの表示結果
指定なし
color01
color02
color03
color04
color05
color06

著者紹介

この記事を書いている人

著者名

著者名

ここに紹介文が入ります。ここに紹介文が入ります。ここに紹介文が入ります。ここに紹介文が入ります。ここに紹介文が入ります。ここに紹介文が入ります。

ここに紹介文が入ります。ここに紹介文が入ります。ここに紹介文が入ります。ここに紹介文が入ります。ここに紹介文が入ります。

代表的な執筆作品




当院おすすめインフォメーション!

キャンペーン企画