h1見出しです
サンプルテキスト。見出しはh1～h4まで。段落文章は<p>でくくられています。
CSSの各属性の色合いを変更すれば様々な様式のwebサイトに対応できるだろうと思って画像は使っていません。
サンプルの色使いで趣味が悪いところもありますがご了承ください。
また当方の趣味で作成しておりますので細かいHTMLとかCSSのルールはあまり知りません。
Dreamwesverで作成しているのでホームページビルダーでも編集は可能ですがクセがあるのでご注意ください。
横データブロック１です。
マージン、余白とも5pixです。
ボックスの横幅は448pixです。
ボーラーは1pixで上下左右。
<br clear="all" />が</dt>のあとに続くことでフローとをクリアしてます。- 横データブロック２です。
サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプル
<br clear="all" />が</dt>のあとに続くことでフローとをクリアしてます。
こういうのをコピペでいろいろ配置すると見栄え調整できると思う
<p id="col_1">
横コラム1番です。
サンプルテキストサンプル
テキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプル
<p id="col_2">
横コラム1番です。
サンプルテキストサンプル
テキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプル
<p id="col_3">
横コラム1番です。
サンプルテキストサンプル
テキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
<p id="col_4">
横コラム1番です。
サンプルテキストサンプル
テキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト
h2見出しです。
白背景の段落です。id="siro"でくくられています。
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキスト
h3見出しです。
- ここはリスト表示
- リストは<p>タグの外に配置
- そうすると背景が白いところに表示
- 目立たせたい項目を箇条書き
- リストの活用はポイントです。
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキスト
見出し4です
- ここはリスト表示
- リストは<p>タグの外に配置
- そうすると背景が白いところに表示
- 目立たせたい項目を箇条書き
- リストの活用はポイントです。
- わかりやすき書きましょう。
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキスト
またまた見出し３です。これって何回か使っても大丈夫でしょ？
画像を使うと記事文章の右側に回りこむように設定慰しております。
↓
使用の際はご注意ください。
段落の位置からはみ出そうな場合は改行などで調整するといいかもしれません。
<br />出改行しないとこんな感じになりますよ（注）
こういうのもありかも。 ここがオススメポイント とか？→
テキストを改行して見栄え調整。
<br />で改行ですよ！
個人的にこのほうが楽だと思うので
全部改行で調整してます。
こんな感じで、段落のイメージとして使えます。
見出し４ 見た目調整でh3とかh4使ってるだけです。細かいことは気にしないSEO.
- サンプル１
- サンプル２
- サンプル３
- サンプル４
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキスト