ＨＰ相談室 > HP作成講座 > 基本的なテクニックを使おう〜レイアウト編〜
| ►基本的なテクニックを使おう
〜レイアウト編〜 ココではレイアウトに関することを説明します。
|
| ◆改行する
文章の改行です。コレは簡単な物を作ってみよう。で説明したので、わかっている人もいるかも知れません。普通メモ帳での改行は、
こうやりますよね？でも、メモ帳で改行しても、ＨＰでは、一行になってしまいます。改行もちゃんとHTMLで書かなければなりません。
<br>が改行を意味します。<br>よりあとの文章は<br>前の文章の次の行に表示されます。 |
| ◆改行させない
通常のブラウザは、文字が右端まで行くと自動的に改行をするようになっていて、改行されたくなくてもそこで強制的に改行されてしまいます。けど下のようにすると、改行をさせないようにして、ブラウザで表示しても改行しないようになります。
|
| ◆中央に文字を揃える 普通にHTMLを書いていくと、全部左側に文字が寄っています。中央に文字を揃えたい時は、このようにします。
<center>〜</center>までに書いた文字は、ブラウザの中央に表示されます。 |
| ◆文字を思い通りに表示する。 メモ帳で書いた文字通りに表示する方法です。コレを使えば改行タグ<br>をしようしなくても、メモ帳で普通に改行しても、ちゃんとブラウザでも改行されます。
こうすればちゃんと、
このように表示されます。文字アートを書くときに便利です。HP相談室は文字の大きさ指定が入っているので、微妙にズレてますね。（苦笑） |
| ◆背景に色をつける 背景の色を指定します。何も指定しない場合は白色（ユーザーによって違う）になります。
<body>ってタグがありましたよね？その中にbgcolor="??????"を入れることで背景の色が変わります。??????は色の指定です。#000000にすれば黒色です。#FFFFFFにすると白色です。 普通は、#??????なんて分からないです。フリーソフトを使うといいでしょう。 |
| ◆横線を入れる ↑こんな横線を入れたい時は、このようにします。
こうすることにより、横線が引かれます。 HP相談室の横線は色ついてるのに、自分のはつかないよ！って思うかもしれませんが、<hr>だけの場合は灰色？にしかなりません。 HP相談室の横線のように色を付けたい場合は、
という具合に色を指定します。色の指定は毎回恒例ですが、#??????です。フリーソフトを使って指定したい色の#??????を調べるといいでしょう。上は#0066FFと指定しています。 横線の横幅、縦幅を変えることもできます。
これだけです。横幅、縦幅の指定は200（100や50でも）や○○％を使って指定します。 上は、横幅を450、縦幅を3と指定しました。 縦幅を変更した場合、へこんで見えるから嫌だ。という場合は影を消してあげてください。
見ると分かるとおり、noshadeをつけることで影が消せます。 また、これらの組み合わせで、横幅や縦幅を変えた色つきで影なしの横線が作れます。
横線の位置の変更もできます。
|