HTMLタグ・リファレンス
文章レイアウト
文章の論理構造を表すいくつかのタグを紹介します。なお、文字そのものの変更については文字スタイルの項を参照してください。
 |
改行 | |
|
見出しの設定 | |
|
段落の設定 | |
|
センタリング | |
|
文章の区切り | |
|
文字列をそのまま表示する |
| ■ 改行 |
| TAG | |
| <BR> | |
| HTMLファイル内で行われた改行は、ブラウザ上では表示されません。ブラウザ上で改行を行うには別途<BR>タグが必要です。 |
| SOURCE | |
HTMLファイル内の改行は、 ブラウザ上では表示されません。<BR> 改行タグが必要です。 |
|
| DISPLAY | |
|
HTMLファイル内の改行は、ブラウザ上では表示されません。 改行タグが必要です。 |
|
| ■ 見出しの設定 |
| TAG | |
| <H数値 ALIGN="位置">・・・</H数値> | |
|
見出しを設定することによって文章の論理構造を表します。見出しの重要度はそのサイズによって示すことができます。見出しのサイズは１から６までの数値によって指定でき、１が一番大きい見出しサイズとなります。 ・・・で指定された文字列は自動的に太字に設定され、また前後に自動的に改行が挿入されます。 また、見出しの位置をALIGN属性によって指定できます。位置は「left」、「center」、「right」の３つが指定できます。何も指定しなければ自動的に「left」に設定されます。 |
| SOURCE | |
<H1>見出しの大きさ</H1> <H4 ALIGN="center">見出しの大きさ</H4> <H6 ALIGN="right">見出しの大きさ</H6> |
|
| DISPLAY | |
見出しの大きさ見出しの大きさ見出しの大きさ |
|
| ■ 段落の設定 |
| TAG | |
| <P ALIGN="位置">・・・</P> | |
|
ソースファイル内の改行が無視されるということは、ソースファイル内の段落もブラウザでは無視されます。段落を指定するにはその段落を<P>・・・</P>と囲む必要があります。<P></P>で囲まれた段落の前後には改行が入ります。 また、段落のページ内での位置をALIGN属性によって指定できます。位置は「left」、「center」、「right」の３つが指定できます。何も指定しなければ自動的に「left」に設定されます。 |
| SOURCE | |
|
<P>検索エンジンとは、目的とするサイトを探し出す検索システムのこと。</P> <P ALIGN="center">検索エンジンとは、目的とするサイトを探し出す検索システムのこと。</P> <P ALIGN="right">検索エンジンとは、目的とするサイトを探し出す検索システムのこと。</P> |
|
| DISPLAY | |
|
検索エンジンとは、目的とするサイトを探し出す検索システムのこと。 検索エンジンとは、目的とするサイトを探し出す検索システムのこと。 検索エンジンとは、目的とするサイトを探し出す検索システムのこと。 |
|
| ■ センタリング |
| TAG | |
| <CENTER>・・・</CENTER> | |
| <P ALIGN="center">・・・</P>で文字列を中央ぞろえにできましたが、より簡単に中央ぞろえを行うタグとして<CENTER>・・・</CENTER>があります。このタグは文字列だけでなく、画像や表に関しても適用できます。 |
| SOURCE | |
<CENTER>検索エンジンとは、目的とするサイトを探し出す検索システムのこと。</CENTER> |
|
| DISPLAY | |
|
|
|
| ■ 文章の区切り |
| TAG | |
| <DIV ALIGN="位置">・・・</DIV> | |
|
<DIV>・・・</DIV>は文章の区切りを表すタグで、<P>・・・</P>タグと同様に段落を設定して文章の論理構造を示します。<P>・・・</P>タグでは前後に改行が入ったのに対し、<DIV>・・・</DIV>は直前の部分にだけ改行が入ります。 また、段落のページ内での位置をALIGN属性によって指定できます。位置は「left」、「center」、「right」の３つが指定できます。何も指定しなければ自動的に「left」に設定されます。 |
| SOURCE | |
|
<DIV>検索エンジンとは、目的とするサイトを探し出す検索システムのこと。</DIV> <DIV ALIGN="center">検索エンジンとは、目的とするサイトを探し出す検索システムのこと。</DIV> <DIV ALIGN="right">検索エンジンとは、目的とするサイトを探し出す検索システムのこと。</DIV> |
|
| DISPLAY | |
|
検索エンジンとは、目的とするサイトを探し出す検索システムのこと。
検索エンジンとは、目的とするサイトを探し出す検索システムのこと。
検索エンジンとは、目的とするサイトを探し出す検索システムのこと。
|
|
| ■ 文字列をそのまま表示する |
| TAG | |
| <PRE>・・・</PRE> | |
| HTML（ソース）ファイルでは、タブやスペース、改行が表示されないといった様々な制約あります。<PRE>・・・</PRE>タグでは、ソースファイルに入力した文字列をそのままの状態でブラウザに表示させることができます。 |
| SOURCE | |
<PRE> * * * * * * * * </PRE> |
|
| DISPLAY | |
* * * * * * * * |
|
| ページ先頭へ ホームページ作成Tipsへ トップページへ |