. ワンポイント・ノウハウ集           To Home Back



HTMLで記述するちょっといい機能を集めました。
枠内に、HTML記述を、その下に実行例を示しました。

●リンク表示の下線を消す。

<A HREF="../index.html">ホームへ戻る</A>

<A HREF="../index.html" STYLE="text-decoration:none">ホームへ戻る</A>


ホームへ戻る

ホームへ戻る



●リンクのイメージファイルの枠線を消す。

    IMG タグに border="0" を指定すると、枠線が消えてリンクアイコンがきれいに見えます。
    (左右を比較して下さい。)

<A HREF="../index.html"><img src="../gif/home_1.gif" align="middle" alt="To Home" width="100" height="30"></A>    
<A HREF="../index.html"><img src="../gif/home_1.gif" align="middle" border="0" alt="To Home" width="100" height="30"></A>


To Home     To Home



●フォントタイプ指定 (Internet Explorer 完全対応)

<font size="6">
<font face="Times New Roman">HTML</font>
<font face="Arial">HTML</font>
<font face="Courier New">HTML</font>
<font face="MS ゴシック">HTML</font>
<font face="MS Pゴシック">HTML</font>
<font face="Impact">HTML</font>
</font>


HTML HTML HTML HTML HTML HTML


●文字のデフォルトの大きさ設定

<basefont size=3>



●背景色変更

<form>
<center>
6 桁のカラーコード(半角英文字)を入力して下さい:
<input type="text" name="BGC" size="12">
<input type="submit" value="背景色を変える" onClick="document.bgColor='#' + document.forms[0].BGC.value">
</center>
</form>


6 桁のカラーコード(半角英文字)を入力して下さい:



●前ページに戻る

<center>
<form>
<input type="submit" value="GO BACK PAGE" onClick="history.back()">
</form>
</center>





●2段組

<table>
<tr><td width="325" valign="top">
これは、段組の例です。<table> タグを使用します。この応用で、2段組だけではなく、それ以上の段組もできるでしょう。文章の幅も、width で任意に指定できます。
</td>
<td bgcolor="black" width="1"> </td>
<td width="325" valign="top">
中央の縦線は、Internet Explorer ならば、rules="col" で指定できますが、この例のように、ダミー列を width="1" で作成して背景色を指定するほうが任意の色を使えるので便利ではないでしょうか?
</td></tr>
</table>


これは、段組の例です。<table> タグを使用します。この応用で、2段組だけではなく、それ以上の段組もできるでしょう。文章の幅も、width で任意に指定できます。 中央の縦線は、Internet Explorer ならば、rules="col" で指定できますが、この例のように、ダミー列を width="1" で作成して背景色を指定するほうが任意の色を使えるので便利ではないでしょうか?

Copyright (c) 1998-2006 by Tomy.