便利なホームページの作成に必要な、これは便利と思われるhtmlソースやタグ、CSSやCGI又.htaccessなどのソースを紹介します。

青色のテキストをクリックコピーして、「.htaccess」ファイルに貼り付けてください。
 5秒後に指定のURLに移動のメタタグ
<head>
<meta http-equiv="refresh" content="5;url=../../aaaa.html">
</head>
数字は、5秒。
= の後に、転送先のURLを書く。

<meta http-equiv="refresh" content="5;url=http://XX.html">
 テキストボックス
下記のそれぞれを任意で削除・追加する。

テキストボックスの横幅; size="数値"
テキストを表示; value="テキストを表示"
文字数を指定; maxlength="文字数を指定"
コピー専用; readonly ⇒書き込み不可
ボックスの名前; name="namae"

必要の無いものは削除します。  「  name="namae" 」など。

テキストボックス
<form>
<input type="text" name="namae" maxlength="文字数" value="テキストを表示" size="30" readonly>
</form>


テキストエリア
<form>
<textarea name="textarea1" rows="3" cols="30">書き込み OK!</textarea>
</form>
 プルダウン




<select name="select1">
<option value="1">プルダウン1</option>
<option value="2" selected>プルダウン2</option>
<option value="3">プルダウン3</option>
</select>

<select name="select2" size="2">
<option value="1">プルダウン1</option>
<option value="2">プルダウン2</option>
<option value="3">プルダウン3</option>
</select>
 チェックボックス
チェック1 チェック2 チェック3
<input type="checkbox" name="check1" value="1">チェック1
<input type="checkbox" name="check2" value="1">チェック2
<input type="checkbox" name="check3" value="1">チェック3
 ラジオボタン
ラジオ1 ラジオ2
<input type="radio" name="radio1" value="1" checked>ラジオ1
<input type="radio" name="radio1" value="2">ラジオ2
 テーブル(文字位置 align)

「<td align="??" valign="??">文字位置</td>」を取捨選択する。

「<center>???</center>」は、任意で。

「 border="1" width="80%" height="80%"」は、ページに合わせ自由に。

左上 中上 右上

中左 真中 中右

左下 中下 右下
<center>
<table border="1" width="80%" height="100">
<tr>
<td align="left" valign="top">左上</td>
<td align="center" valign="top">中上</td>
<td align="right" valign="top">右上</td>
</tr>
</table>
</center>


<center>
<table border="1" width="80%" height="100">
<tr>
<td align="left" valign="middle">中左</td>
<td align="center" valign="middle">真中</td>
<td align="right" valign="middle">中右</td>
</tr>
</table>
</center>


<center>
<table border="1" width="80%" height="100">
<tr>
<td align="left" valign="bottom">左下</td>
<td align="center" valign="bottom">中下</td>
<td align="right" valign="bottom">右下</td>
</tr>
</table>
</center>
ページリストへのリンク 内容説明
「.htaccess」を使って
このページに移動する  
特定IPを指定ページへ移動 index.hml以外をデフォルトファイルに
cgi拡張子をhtml拡張子に変換・転送 html拡張子でPHPページ表示
トップページ以外へのリンクは、トップページに転送
HTMLファイルでCGIを動作させる トップページを任意ファイルに変更
HTMLソース
このページに移動する  
5秒後に指定URLに移動のメタタグ テキストボックス
プルダウン チェックボックス ラジオボタン テーブル(文字位置 align)
JavaScript
このページに移動する  
 前に表示したページに戻る 電光掲示板 文字列変換 更新日時を自動で表示
CGI(Perl)
このページに移動する  
 おみくじ 更新のたびに背景画像を変える 訪問回数
CGI(Ruby)
このページに移動する  
カレンダー 訪問回数 時刻によって挨拶文を変える
スタイルシート(CSS)
このページに移動する  
マウスオーバーで、カーソルの形を指定 ボタン風リンク 縦書き
矢印リスト CGI(Python)
このページに移動する  
カラーチャート IPアドレス取得・表示 日時取得・表示
その他便利等1
このページに移動する  
 枠線の種類 文字表示 【背景色と文字色】の関係
その他便利等2
このページに移動する  
サイト内検索窓 文字列に背景色をつける