ここでは、a-blog cmsでのユニットを使った各要素の表示、レイアウトについてご説明します。

画像と見出しのレイアウト例

ここは本文テキストが入る部分です。以下、サンプルテキストです。せっかくWebサイトを作っても、新しい情報が載せられないから、載ってる情報が古くなってしまう。更新する技術が無かったり、よく分からない、なんてことはありませんか？
a-blog cmsを使えば、ブログを書くように、いつも使っているWebブラウザから更新ができます。Webの専門の技術や知識が無くても、どんどん新しい情報をあなたのWebサイトに載せられます。

見出し大のテキスト

ここは本文テキストが入る部分です。以下、サンプルテキストです。せっかくWebサイトを作っても、新しい情報が載せられないから、載ってる情報が古くなってしまう。更新する技術が無かったり、よく分からない、なんてことはありませんか？
a-blog cmsを使えば、ブログを書くように、いつも使っているWebブラウザから更新ができます。Webの専門の技術や知識が無くても、どんどん新しい情報をあなたのWebサイトに載せられます。

見出し中のテキスト

ここは本文テキストが入る部分です。以下、サンプルテキストです。せっかくWebサイトを作っても、新しい情報が載せられないから、載ってる情報が古くなってしまう。更新する技術が無かったり、よく分からない、なんてことはありませんか？
a-blog cmsを使えば、ブログを書くように、いつも使っているWebブラウザから更新ができます。Webの専門の技術や知識が無くても、どんどん新しい情報をあなたのWebサイトに載せられます。

見出し小のテキスト

ここは本文テキストが入る部分です。以下、サンプルテキストです。せっかくWebサイトを作っても、新しい情報が載せられないから、載ってる情報が古くなってしまう。更新する技術が無かったり、よく分からない、なんてことはありませんか？
a-blog cmsを使えば、ブログを書くように、いつも使っているWebブラウザから更新ができます。Webの専門の技術や知識が無くても、どんどん新しい情報をあなたのWebサイトに載せられます。

• リストその１
• リストその２
• リストその３

1. 番号付き１
2. 番号付き２
3. 番号付き３

ボタン

ボタン

<!-- ここはソースコードが入る部分です。pre要素が摘要されます。 -->
<p>せっかくWebサイトを作っても、新しい情報が載せられないから、載ってる情報が古くなってしまう。更新する技術が無かったり、よく分からない、なんてことはありませんか？</p>
<p>a-blog cmsを使えば、ブログを書くように、いつも使っているWebブラウザから更新ができます。Webの専門の技術や知識が無くても、どんどん新しい情報をあなたのWebサイトに載せられます。</p>

タイトル

内容内容内容内容内容内容内容内容内容内容

タイトル

内容内容内容内容内容内容内容内容内容内容

---

ユニットグループを使って背景色を指定できます

このように、ユニットグループを使って背景色を指定することが可能です。このように、ユニットグループを使って背景色を指定することが可能です。このように、ユニットグループを使って背景色を指定することが可能です。このように、ユニットグループを使って背景色を指定することが可能です。