初心者HTML講座:改行タグ

ひそかに頑張ってくれていると思います。今回は『改行タグ』!縁の下の力持ちって印象です。改行タグには開始タグ、終了タグというのがないです。記入する際は『brとスラッシュ(/)』の間には半角スペースを空けましょう!

例えば、別ページで説明した『pタグ』を使って文書を書いてみます。

例文(下記の注意書きより抜粋)
HTMLタグには開始タグと終了タグがあります。 例えば、<Font Size="1〜7">〜</Font> 最初の<Font Size="1〜7">が開始タグといいます。後の/スラッシュが付いた</Font>が終了タグになります。 終了タグを入れ忘れた場合ページのレイアウトが崩れることがあり、さっきまで崩れていなかったのに突然崩れたって言う場合は終了タグが無くなったことを疑いましょう!

上記の文章を実際に『pタグ』で記入したソースコードでは以下のように表現されているのです。
<p> HTMLタグには開始タグと終了タグがあります。
例えば、&lt;Font Size=&quot;1〜7&quot;&gt;〜&lt;/Font&gt; 最初の&lt;Font Size=&quot;1〜7&quot;&gt;が開始タグといいます。後の/スラッシュが付いた&lt;/Font&gt;が終了タグになります。 終了タグを入れ忘れた場合ページのレイアウトが崩れることがあり、さっきまで崩れていなかったのに突然崩れたって言う場合は終了タグが無くなったことを疑いましょう! </p>

設定の関係上、例文は中央表示になっていますね。『pタグ』で囲ったソースコードでははじめの一行目が改行されているのですが、ブラウザに表示されるとそれが反映されていません!このようにソースコードで改行しても、ブラウザでは反映されないのです。このために改行タグが必要なんですね。

HTMLタグのよくある間違い!

HTMLタグは必ず半角英数字で入力してください。

 HTMLタグはコピー・貼り付けでも大丈夫です。しかし、サイズ・カラーコード・アドレスなどの数字や文字を入力する場合に半角英数字以外の文字で入力すると正しく表示されないことやおかしな表示になることがあります(ほぼ表示されないと思います)

HTMLタグを入力する際は半角英数字ですが大文字と小文字の区別は特に気にしなくてもいいようです。

HTMLタグには開始タグと終了タグがあります。
例えば、<Font Size="1〜7">〜</Font> 最初の<Font Size="1〜7">が開始タグといいます。後の/スラッシュが付いた</Font>が終了タグになります。 終了タグを入れ忘れた場合ページのレイアウトが崩れることがあり、さっきまで崩れていなかったのに突然崩れたって言う場合は終了タグが無くなったことを疑いましょう!

他にも、HTMLタグの『<>←カッコ』、『"←ダブル クォーテーション』やHTMLタグ内の記号・文字・数字などを消したり、スペースを空けたり・くっつけたり、改行したりするとブラウザがHTMLタグを正しく認識しないので注意して下さいね。

HTMLタグを複数使う場合。
例えば、
<u><font color="#FF0000">初心者講座</font></u>→初心者講座
これを開始タグ(又は終了タグ)の位置を入れ替えてみると正しく表示されません。試してみましょう。

<font color="#FF0000"><u>初心者講座</font></u>→初心者講座
『uタグ』の開始タグが外側なら、終了タグも外側でなければいけません。どのタグにも当てはまるので、気をつけましょう!(管理人のブラウザでは普通に表示されていますが、あなたはどうですか。表示されても間違いは間違いなので、気をつけてくださいね)

終了タグが抜けてしまってるなどが原因で思うようにブラウザに表示されないということがよくあるので、もう一度よく見直しみましょう!

HTMLタグは最初は見なれない文字や記号が多いので勉強し始めは意味が解らないと思います。でも、続けていくうちに読めるようになります。 あきらめずに少しずつ勉強していきましょうね!