ホームページ基礎知識講座「第４章 文章の整形・修飾」

1章； HTML入門
2章； HTMLの基本
3章； リンクについて
4章； 文章の整形
5章； ファイル転送
6章； 画像について

■基礎知識「中級編」

■基礎知識「上級編」

 ・基本構成編
 ・リンク編
 ・フォント編
 ・テキスト編
 ・画像編
 ・リスト編
 ・テーブル編
 ・フレーム編
 ・フォーム編
 ・拡張タグ編
 ・カラー編

 ・評価の高いサイト
 ・SEOのメリット
 ・SEO関連語句解説

お勧めレンタルサーバー

□相互リンクでSEO!
□やきぶたサーチSEO
□アクセスアップ無料情報
□ホームページ作成講座
□アクセスアップSEO
□格安レンタルサーバー
　Ｌ 無料レンタルサーバー
□チャ−シューメンズ倶楽部
□アクセスアップ同好会
□ページランクマスター上位
□無料ブログ比較＆サンプル

■ホームページ作成
 ★FC2 無料ホームページ
 ★ホームページ テンプレート 1
 ★ホームページ テンプレート 2

様々なリスト（箇条書き）

ここでは、様々な個条書きのためのタグを紹介します。箇条書きの仕方にはいくつか方法があり、箇条書きにするものの前に番号がつくものとつかないものがあります。

番号付リスト <OL>

番号付リストは1から順番の番号付のリストが作られます。リストタグの名称はOLでOredered Listの略です。
番号付リストは <OL>〜</OL>で構成されます。リストアイテムのタグは<LI>を使用します。

番号無しリスト <UL>

番号無しリストは番号付リストで使ったOLの代わりにUL(Unordered list)を使用し、 <UL>〜</UL>で構成されます。そして、リストアイテムにはブレット(印)が付けられます。

リストの入れ子

リストは入れ子にすることができます。ただし、入れ子は3レベルまでしかできませんので注意して下さい。
どのリストも入れ子は可能で、異なるリストを入れ子しても構いません。

サンプル

文字のスタイル

HTMLには明示的にフォントスタイルを指定する方法もあります。 文字スタイルタグは開始タグと終了タグを持っています。次の4つのタグが あります。ただしいくつかのタグはブラウザによっては表示されないこともありますのであまり多用しないようにしましょう。また、フォントスタイルは入れ子にする(複合フォント)こともできますが、これもブラウザによってはサポートしていない場合があります。

複合フォント

<B><I>アンダーライン付太文字<I><B>　　　　アンダーライン付太文字

フォントサイズ

<FONT>タグはフォントサイズを変更する場合に用います。サイズの有効な範囲は1〜7で指定します。デフォルトフォントサイズは3です。また、サイズに+または-を指定し、直前のフォントサイズの差分(+/-)で指定することもできます。

フォントの重ね指定

カラーフォント

FONTタグに新しくテキストの色を指定できる COLOR属性が 追加されました。色は#RRGGBB の16進数で
赤緑青の三原色を指定 するか、色の名称を指定します。

<BIG>, <SMALL> タグ

<UL>
  <LI> Normal Font
  <LI> <BIG>Big Font</BIG>
  <LI> <SMALL>small font</SMALL>
  <LI> <BIG>Big <BIG>BIG <BIG>FONT</BIG></BIG></BIG>
  <LI> <SMALL>small <SMALL>small font</SMALL></SMALL>
  <LI> <BIG>Big Font <SMALL>Small font</SMALL></BIG>
  <LI> <SMALL>small Font <BIG>Big font</BIG></SMALL>
</UL>

• Normal Font
• Big Font
• small font
• Big BIG FONT
• small small font
• Big Font Small font
• small Font Big font

罫線

HTMLには標準でブラウザのウィンドウ幅だけ罫線を引くタグが用意されて います。この罫線は節が変わる時やタイトルと本文を分ける場合などに用い られ、<HR>タグを使用します。<HR>タグはワン サイドタグで開始タグや終了タグはありません。記述すればそこに罫線が引かれます。

改行 <BR>

HTML文書は改行を明示的に指定しなければなりません。HTML文書で明示的に改行するには <BR> タグを用います。<BR>タグはワンサイドタグで開始タグや終了タグはありません。改行は行間に余分なスペースを入れずに強制的に改行を行います。この<BR>タグは書いた回数だけ改行されます。

２行分改行<BR><BR>
１行分改行<BR>
改行前文章

２行分改行

１行分改行
改行前文章

中央寄せ: <CENTER>〜</CENTER>

<CENTER>〜</CENTER>は、テキストを中央寄せする 場合に指定します。<CENTER>タグは前後の文書を改行するだ けですが、<P ALIGN=CENTER>タグは空行を挿入します。 <CENTER>が<P ALIGN=CENTER>と同じ効果を得 るには、<CENTER>前後に<P>(段落)タグを置 いて下さい。