今ではもう、ブログの記事に編集・装飾がある程度できるようになりました。さらに、seesaablogのコンテンツも充実し、最新記事下のカテゴリーごとのご紹介が効果的に表せるようになりましたので、これを機に過去の記事も改めて修正し直し、整理して、同様な記事を繰り返し書かずに、上書きのみにして、カテゴリごとに学びやすいようにします。

カテゴリことの表記は→ 【テーブル】・・・ とします。

それぞれの記事タイトルも
【テーブル】@表組みの基本から・・・のような表記にします。 ○番号で続きの学びが確実にできるように表していきます。最初から学ぶときは@からたどってみてください。

従って、記事更新の日付は参考にせずに、【カテゴリ】から学びたい項目を探して進んでいってください。 今後とも末永くいつでも戻ってきて学んでみてください。

2012年03月17日

【ボーダーB】効果的に使う実践編@


ボーダー(区切り線)の実践編を一つ。

ボーダーに色をつけて、記事の中で効果的に使って見ましょう。

まずは復習。
<HR color=”@”> 
ボーダー全体に色をつけて引くことができます。
色番号はこの枠のすぐ上の「」のカラーパレットをクリックすると色の番号が分かるので見て入力するんでしたよね。太くしたり、長さを変えたりは、前回の【ボーダーA】の記事を参照にしてください。

タイトルの下線をボーダーで効果的に印象的に表してみましょう。
シーザーブログでは【ボーダー】に関して「確認ボタン」を押してプレビューしても灰色のままですが、「保存」投稿するとしっかりと表示されています

では、実際に使って見ましょう⇒続きをクリック
posted by ヒロ at 06:00| Comment(0) | TrackBack(0) | 【ボーダー】区切り線 | このブログの読者になる | 更新情報をチェックする

【ボーダーA】区切り線の長さを変えたり色をつけたり位置を指定したり


ボーダーは、<HR>であらわしましたね。



長さを指定したいときは「width」を使います。
<HR width=”180”> となります。
180でこのくらいの長さになります。ブログのデザインによって全体の横の長さは違います。このページは370位です。






このデザインで380にすると記事全体の構成が壊れてしまします。ほぼいっぱいに引く長さを何度も試して知っておくといいでしょう。

ボーダーの太さを7、長さを180、そして真ん中に持ってきます
「align=”center”」を使います

シーザーブログでは【ボーダー】に関して「確認ボタン」を押してプレビューしても灰色のままですが、「保存」投稿するとしっかりと表示されています

では、実際に使って見ましょう⇒続きをクリック
posted by ヒロ at 05:00| Comment(0) | TrackBack(0) | 【ボーダー】区切り線 | このブログの読者になる | 更新情報をチェックする

【ボーダー@】こんにちはHTMLのお勉強…


今日は「区切り線(ボーダー)」を引くあらわし方を、あらわします。




このあらわし方はバッド(下向き矢印)
すべて英数半角で入れてください。半角しないとそのまま出てきます。

<HR>


次に太くします



線が太くなりましたね、これはバッド(下向き矢印)

<HR size=”7”>


”はシフトを押しながらキーの「2」の半角です。数字を大きくすると太くなります。
では、実際に使って見ましょう⇒続きをクリック
posted by ヒロ at 04:00| Comment(0) | TrackBack(0) | 【ボーダー】区切り線 | このブログの読者になる | 更新情報をチェックする

【ボーダーC】効果的に使う実践編A


ボーダーは、<HR>であらわします。


長さを指定したいときは。
<HR width=”180”> となります。
180でこのくらいの長さになります。全体の横の長さの割合です。


<HR width=”180” size=”7” align=”center”>
これで真ん中もってきました。(left,center,right)で入れ替えましょう。線幅はこのくらいになります。


色をつけたいなと思いますよねっ。
<HR size=”7” color”#00FF00”>
これで明るい緑になりました。色番号はこの枠の下の「小」の右にあるカラーパレットをクリックすると色の番号が分かるので見て入力してください。


では、実際に使って見ましょう⇒ここをクリック
posted by ヒロ at 03:00| Comment(0) | TrackBack(0) | 【ボーダー】区切り線 | このブログの読者になる | 更新情報をチェックする

トップページへ戻る方は次項有クリックして

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。