★Lesson4★
〜特殊タグ編〜


○3:特殊タグ編

 今回はもうちょっとHPらしくしてみます。完成図はこんな感じになります。

★PREタグ<pre>〜</pre>

このタグは「書いたとおり」になります。つまり、このタグの間にはさまれた文字等は、Enterで改行しただけで改行になります。わざわざ「改行タグ(Lesson3)」を使用しなくとも、改行が出来てしまいます。文字だけ載せるHP(ノベル等)のHPを作成したい方ならば、ほとんどのタグを知らなくともこのタグさえあれば、簡単に作成出来ます。

★ブラウザに表示させないタグ<!--〜-->

このタグにはさまれた文字等はブラウザ上では表示されません。ですので、HPを作成する際に、「このタグは画像を貼り付けているタグだ」「このタグはあのページへとぶタグだ」と、すぐに理解出来るように、そのタグの一行上にでも、このタグにメモしてみては?HPを更新する際に更新しやすいですよ。

★特殊記号を表示させるタグ&***;

***の部分に指定文字を入れると、特殊な記号を表示させることが出来ます。特殊記号には『</>/&/"/(半角スペース)/©/®/™/♥/♠/♣/♦』があります。
特殊記号は下記の表を見て下さい。

★背景色の指定<body bgcolor="#******">

#******の部分には、256色カラーチャート表を見て、カラーコード、もしくはカラーネームを記述します。記述方法は、カラーコードの場合は<BODY BGCOLOR="#0000FF">とすると、背景は青色になります。カラーネームの場合は、<BODY BGCOLOR="BLUE">と、カラーコードと置き換えるだけです。尚、カラーコードの説明についてはこちらにて行っておりますので、一度目を通しておいて下さい。

★FONTタグ<font size="" color="">〜</font>

文字の大きさや色を変更するタグです。そもそもこのタグは
<font size="">〜</font>と
<font color="">〜</font>
の2種類のタグを合体させて1つにまとめたものです。 使い方は2個別々でも1個にまとめたものでも同じです。使い方は、<FONT SIZE="7" COLOR="#0000FF">☆★HTML教室★☆</FONT>です。SIZE=""については1〜7までの数値が指定でき、1に近づく程文字が小さくなり、7に近づくほど文字が大きくなります。COLOR=""については、256色カラーチャート表で、カラーコードかカラーネームを記述すれば、その色になります。

★リンクタグ<A HREF="****">〜</A>

リンクボタンを作るためのタグです。使い方は<A HREF="http://www.geocities.jp/skyarea_hp/">☆★HTML教室★☆</A>という風に記述します。

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Shift_JIS">
<TITLE>☆スカイエリアのサイト☆</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFF00">

<CENTER><SMALL>〜趣味のページ〜</SMALL>
<H1><I><FONT COLOR="#0000FF">☆スカイエリアのサイト☆</FONT></I></H1></CENTER> <BR>
<BR>
<BR>

<CENTER> <P> <B><BIG><I>Welcome to SKY-AREA home page!!</I></BIG></B><BR>
ここは私が作成したホームページです。 </P>

<P> まだまだコンテンツ数は少なく、内容も浅く、発展途上なサイトですが、<BR>
これから頑張って充実したコンテンツを用意していきますので、<BR>
よろしくお願いしますm(_ _)m </P> </CENTER>

<CENTER><B><U>〜INFORMATION〜</U></B><BR>
2006年01月01日:日記更新しました<BR>
<BR>
2005年12月31日:日記更新しました<BR>
<BR>
2005年12月30日:日記更新しました<BR>
<BR>
2005年12月25日:日記更新しました<BR>
<BR>
2005年12月24日:日記更新しました<BR>
<BR>
2005年11月30日:日記更新しました<BR>
<BR>
2005年11月25日:サイト・オープン<BR>
<BR>
</CENTER><BR>
<BR>
<!--サイトコンテンツ:ここから--> <CENTER><BR>
<A HREF="****">♠プロフ♠</A><BR>
<BR>
<A HREF="****">♣日記♣</A><BR>
<BR>
掲示板<BR>
<BR>
メール<BR>
<BR>
</CENTER> <!--サイトコンテンツ:ここまで--><BR>
<BR>
<CENTER><FONT SIZE="2" COLOR="GREEN">© 2005-2006 SKY AREA NETWORK CORPORATION, All rights reserved.</FONT></CENTER><BR>
<BR>
</BODY>
</HTML>

今回はこれで以上です。どうです?こんな感じになりましたか?で、「♠プロフ♠」「♣日記♣」についてはリンク形式になっていると思います。クリックしてもページは作っていないので出てきませんが。次回ではその子ページをあらかじめこちらで用意しましたので、それをダウンロードして、そのページとリンクさせれるかどうかやってみましょう。次が作成の基礎の基礎に関しては最終レッスンとなります。次回は「〜ハイパーリンク実践編〜」です。

≪≪前のレッスンへ戻るレッスンページTOP次のレッスンへ進む≫≫