タグの応用。
特殊記号。
通常、エディタで、ホームページを作っている時、<等の文字を出したくても、タグとして認識され、うまく表示されない場合があります。
そこで、それらの文字を表示させる、特殊記号を紹介します。
以下のように書きこめばいいです。
< < > > & & " &puot;
他にも、特殊記号があるのですが、文字化けが発生する場合があるようなので、代表的なものだけを表記しました。
入力文 < >
&
&puot;
実行後 < >
&
"
複数のテーブル。
ここでは、複数のテーブルを組み合わせた方法を紹介します。理解しずらいですが、テーブルの中に、テーブルタグを入れることで、
複数のタグを組み合わせることが出来ます。
下の、入力文では、<TD>と、</TD>の中に、もう１つ、
テーブルタグを入れています。
これさえ覚えれば、いくらでも、テーブルを増やせます。
使い道としては、画像に、使うことで、額縁みたくなりますし、
リンクする際のボタンとして使うのもいいでしょう。
なお、最初に書くテーブルが、１番外側になるので、
外側のテーブルを太くし、内側を細くすれば、見栄えが良くなります。
入力文 <TABLE BORDER=10> <TR><TD>
<TABLE BORDER>
<TR><TD>文字。</TD>
</TABLE>
</TD></TABLE>
実行後
文字。
色付き枠線。 上の、テーブルの応用で、枠線に色を付けて見ます。
やり方は、テーブルの枠線をなくし、色を指定します。
外側のテーブルで、枠線の色を指定し、
内側のテーブルには、白色など、外側の色と、
対照となる色を指定しましょう。
そうしないと、テーブル全体が外側の色になってしまいます。
入力文 <TABLE BORDER="0" BGCOLOR="blue"> <TR><TD>
<TABLE BORDER="0" BGCOLOR="white">
<TR><TD>文字。</TD>
</TABLE>
</TD></TABLE>
実行後
文字。
センタリングの応用。
長い文章を、センタリングした場合、どうしても、変な形になってしまいます。その場合、テーブルを使えば、うまく見せることが出来ます。
私のホームページでも、その方法を使っている所があります。
やり方は、枠線なしのテーブルに文章を書き、
CENTERで、囲めばいいです。
WIDTHで、横の長さを、調節してやれば、見栄えが良くなりかと思います。
入力文 <CENTER> <TABLE BORDER="0" WIDTH=80%>
<TD>文章。</TD>
</TABLE>
</CENTER>
画像と文字。 画像と文字を、横に配置する場合、テーブルで分けることも出来ます。
左のテーブルに画像を入れ、右のテーブルに文字を入れ、
枠線をなくせばいいです。
これも、横幅の調整をすれば言いかと思います。
入力文 <TABLE BORDER="0" WIDTH=80%> <TR>
<TD>画像。</TD><TD>文字</TD>
</TABLE>
クイズ。
ちょっとしたお遊びで、クイズの問題を作ってみます。複数の項目から、選択するクイズに、時間制限を設けてみましょう。
項目ごとにリンクで選択させ、リンク先には、
「あたり！。」とか、書いておき、時間制限には、
METAたぐでやった、自動リンクを付けて、リンク先には、
「時間切れ！。」とか、書いておけばいいだけです。
かんたんですよね。
こう言ったくふうで、色々なことが出来ますので、
何か思いつきましたら、試してみてください。
実行後 こちらをご覧ください。
文字で絵を書く。
文字の■(しかく)等を使って、ドット絵を書くことが可能です。
■を、Ｆキーで登録し、<PRE>と、</PRE>で、挟んだ部分に、
空欄を入れながら、■を入れます。
これだと、<BR>を、入れずに済むので簡単です。
かなりしんどいですが、試してみてください。
外にも、＠や、〜等の、色々な特殊記号を使って、絵を書く方法もあります。