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

青色のテキストをクリックコピーして、ページの所定位置に貼り付けてください。
 サイト内検索
グーグルの検索機能を使った、
コピペだけで高機能検索がページに簡単に導入できる。
一分以内で完成!!
サイトのURL  = 自身のHPurl
size="20"  = サイズを変更
googleサイト内検索  = 適当に?
<form action="https://www.google.com/search" method="get" target="_blank">
<input type="hidden" name="hl" value="ja">
<input type="hidden" name="as_sitesearch" value="サイトのURL">
<input class="text" type="text" name="q" size="20" value="">
<input class="button" type="submit" value="googleサイト内検索">
</form>
 文字列に背景色をつける

文字に<font style="background-color:#ffcc99">背景色</font>をつける

文字に<font style="background-color:#ffcc99">背景色</font>をつける 
クリックでクリップボードにコピーする機能
(HTMLとJavaScriptのみで実現)

<body>から</body>の間に書き込む。



<!-- コピー対象要素とコピーボタン -->
<input id="copyTarget" type="text" value="コピー対象の文言" readonly>
<button onclick="copyToClipboard()">Copy text</button>

<!-- bodyタグ内の下部に以下を入力する -->
<script>
function copyToClipboard() {
// コピー対象をJavaScript上で変数として定義する
var copyTarget = document.getElementById("copyTarget");
// コピー対象のテキストを選択する
copyTarget.select();
// 選択しているテキストをクリップボードにコピーする
document.execCommand("Copy");
// コピーをお知らせする
alert("コピーできました! : " + copyTarget.value);
}
</script>
ページリストへのリンク 内容説明
「.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
このページに移動する  
サイト内検索窓 文字列に背景色をつける