サイト名など

h1見出しです

サンプルテキスト。見出しはh1~h4まで。段落文章は<p>でくくられています。
CSSの各属性の色合いを変更すれば様々な様式のwebサイトに対応できるだろうと思って画像は使っていません。
サンプルの色使いで趣味が悪いところもありますがご了承ください。
また当方の趣味で作成しておりますので細かいHTMLとかCSSのルールはあまり知りません。
Dreamwesverで作成しているのでホームページビルダーでも編集は可能ですがクセがあるのでご注意ください。

画像2横データブロック1です。

マージン、余白とも5pixです。
ボックスの横幅は448pixです。
ボーラーは1pixで上下左右。
<br clear="all" />が</dt>のあとに続くことでフローとをクリアしてます。
画像2横データブロック2です。

サンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプル

<br clear="all" />が</dt>のあとに続くことでフローとをクリアしてます。

こういうのをコピペでいろいろ配置すると見栄え調整できると思う

<p id="col_1">
横コラム1番です。
画像2
サンプルテキストサンプル
テキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプル

<p id="col_2">
横コラム1番です。
画像2
サンプルテキストサンプル
テキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプル

<p id="col_3">
横コラム1番です。
画像2
サンプルテキストサンプル
テキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト

<p id="col_4">
横コラム1番です。
画像2
サンプルテキストサンプル
テキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキスト


h2見出しです。

白背景の段落です。id="siro"でくくられています。
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキスト

h3見出しです。

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキスト

見出し4です

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキスト

またまた見出し3です。これって何回か使っても大丈夫でしょ?

画像画像を使うと記事文章の右側に回りこむように設定慰しております。

使用の際はご注意ください。 段落の位置からはみ出そうな場合は改行などで調整するといいかもしれません。


<br />出改行しないとこんな感じになりますよ(注)

こういうのもありかも。  ここがオススメポイント とか?→


テキストを改行して見栄え調整。
<br />で改行ですよ!























個人的にこのほうが楽だと思うので

全部改行で調整してます。

こんな感じで、段落のイメージとして使えます。

見出し4 見た目調整でh3とかh4使ってるだけです。細かいことは気にしないSEO.

  • サンプル1
  • サンプル2
  • サンプル3
  • サンプル4

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキスト