かんたん作成【HTML CSS JavaScript PHP CGI Perl Ruby Python .htaccess】



このエントリーをはてなブックマークに追加
HTML
Hello world ! 背景色(bgcolor)
背景画像(background) テキスト色・リンク色(text, link, alink, vlink)
上下左右のマージン(margin) 見出し(h1, h2, h3, h4, h5, h6)
段落(p) 範囲の指定(div, span)
罫線(hr) 改行(br)
自動改行の禁止(nobr) 行揃え(align)
文字色(font, color) 文字サイズ(font, size)
フォントの種類(font, face) 太字(b)
斜体(i) 訂正線(s, strike)
下線(u) 等幅(tt)
大きめ・小さめ文字(big, small) 文字を強調(em, strong)
上付き文字・下付き文字(sup, sub) 文字をスクロール(marquee, behavior, direction)
文字をスクロール(上下 up, down) 文字をスクロール(回数・進む幅・時間設定 scrolldelay, scrollamount)
漢字にルビ(ふりがな ruby) 空白・タブ・改行等をそのまま表示(pre)
リスト表示(ul, li, type) 番号つきリスト表示(ol, start)
リンク(href, target) ページ内の特定の位置へのリンク(name)
メールリンク(mailto) 画像表示(img, src)
イメージマップ(1枚の画像に複数のリンク map) テーブル(table)
テーブル(サイズ指定 width, height) テーブル(色指定 bgcolor)
テーブル(太さ・間隔 cellpadding, cellspacing) テーブル(位置 align)
テーブル(背景画像 background) テーブル(外枠 frame)
テーブル(罫線 rules) テーブル(文字位置 align)
テーブル(セル連結 rowspan, colspan) フォーム(form, input, select, textarea)
フォーム(メール mailto) 入力不可のテキストエリア(コピー専用 readonly)
フレーム(frame, frameset, noframe) インラインフレーム(iframe)
再読み込み(リフレッシュ, meta, http-equiv, refresh) リダイレクト(meta, http-equiv, refresh, url)
初期情報・文書情報(meta) ブラウザキャッシュ拒否(Pragma, Cache-Control, no-cache)
ロボット型検索エンジン登録拒否(自動巡回ロボット robots, noindex, nofollow) ロボット型検索エンジンキャッシュ拒否(noarchive)
スタイルシートファイルの読み込み(外部CSSファイル link, rel, stylesheet) JavaScriptファイルの読み込み(script, language, JavaScript)
スタイルシート(CSS)
全体の背景色(background-color) 全体の背景画像(background-image)
全体の背景画像(固定 background-attachment) 全体の背景画像(横のみ繰り返し repeat-x)
全体の背景画像(縦のみ繰り返し repeat-y) 全体の背景画像(位置指定 background-position)
全体の背景一括指定(background) 全体の文字色(color)
リンク色(link, visited, hover, active) スクロールバーの色(scrollbar)
フォント(font-family) 文字サイズ(font-size)
文字の太さ(font-weight) 文字色(color)
文字装飾(text-decoration) 斜体(font-style)
上付き文字・下付き文字(vertical-align) 大文字変換・小文字変換(text-transform)
行の高さ(line-height) 文字間隔(letter-spacing)
行揃え(text-align) 1行目にインデント(text-indent)
段落の1行目を装飾(first-line) 段落の最初の1文字を装飾(first-letter)
縦書き(writing-mode) 自動改行しないで表示(white-space, nowrap)
文字の背景色(background-color) 文字の背景画像(background-image)
枠(border-style) 枠(太さ指定 border-width)
枠(色指定 border-color) 枠(一括指定 border)
幅・高さ(width, height) マージン(外側の間隔 margin)
パディング(内側の間隔 padding) リストスタイル(list-style-type,list-style-image,)
番号つきリリスト(list-style-type,padding-left) 画像サイズ(width)
画像回り込み(float) 画像にフィルター(透明度 filter, alpha)
画像に枠(border) 画像の重ね合わせ・重ねる順番指定(z-index)
罫線の色・幅・高さ・枠 フォームの色・サイズ
IMEの入力モードの指定(ime-mode) カーソルの形を指定(cursor)
ボタン風リンク 画像ダウンロード対策(右クリックでの画像保存を禁止)
JavaScript
Hello world ! ユーザーエージェントを表示(navigator.userAgent)
ブラウザ情報をすべて表示(navigator) 画面の解像度を表示(screen.width, screen.height)
画面の色数を表示(screen.colorDepth) リンク元URLを表示(document.referrer)
ドキュメント情報をすべて表示(document) ウインドウ情報をすべて表示(window)
ロケーション情報をすべて表示(location) 警告ダイアログにメッセージ(alert)
ステータスバーにメッセージ(status) 新しいウインドウにメッセージ(window.open)
マウスクリック時にメッセージ(onClick) マウスダウン時にメッセージ(onMousedown)
マウスアップ時にメッセージ(onMouseup) マウスオーバー時にメッセージ(onMouseover)
マウスアウト時にメッセージ(onMouseout) フォーカス移動時にメッセージ(onFocus)
フォーカスが離れた時にメッセージ(onBlur) 選択項目変更時にメッセージ(onChange)
入力欄の文字列選択時にメッセージ(onSelect) フォーム送信時にメッセージ(onSubmit)
フォームリセット時にメッセージ(onReset) 貼り付け禁止のフォーム(コピペ禁止 onPaste)
画像読み込み失敗時にメッセージ(onError) 右クリック時にメッセージ(oncontextmenu)
右クリック時にメッセージ(event.button) 別ウインドウに指定のページを開く(window.open)
ウインドウを開く(サイズ・位置・各バーの表示設定 width,height, top,left) ウインドウを指定位置に移動(moveTo)
ウインドウを上下左右に移動(moveBy) 前に表示したページに戻る(history.back, history.go, history.forward)
リダイレクト(window.location) 一定時間後に指定のページに移動(setTimeout)
一定時間ごとに再読み込み(setInterval, location.reload) アドレス統一(location.href, match, replace)
アドレス統一(複数アドレス統一) フレーム内のページへの直接アクセス時にフレームページへ転送(top.frames.length)
フレームページ内に読み込まれた場合にフレームを解除(top.location) 一定時間ごとに背景色を変える(setInterval, document.bgColor)
一定時間ごとに背景色を変える(setInterval, document.bgColor, charAt) 見るたびに背景色を変える(Math.random,document.bgColor)
背景色を選択(onChange, document.bgColor) 一定時間ごとに背景画像を変える(document.body.background)
見るたびに背景画像を変える(Math.random, document.body.background) クリックで文字サイズを変更(style.fontSize)
文字スタイル変更(color, fontWeight, fontStyle, textDecoration, fontFamily) マウスを追いかける文字(pixelLeft, pixelTop, event.x, event.y)
クリックで拡大・縮小できる画像(pixelWidth, pixelHeight) 画像の重ね合わせ順序変更(zIndex)
フェードイン画像(filters,opacity, finishOpacity) 指定範囲内を動き続ける画像(setInterval, pixelLeft, pixelTop)
ランダムに動く画像(Math.random, pixelLeft, pixelTop) キーボードの矢印キーで移動できる画像(event.keyCode)
マウスを追いかける画像(onMousemove) マウスを回りながら追いかける画像(Math.cos, Math.sin)
カーソルを自動的にフォーム入力欄に移動(focus) クリックするとテキストエリア内をすべて選択(select)
入力時にテキストエリア内の初期文字列を削除(defaultValue) テキストエリア内をクリップボードにコピー(execCommand, Copy)
テキストエリア内にクリップボードデータを貼り付け(execCommand, paste) フォーム送信時に空欄を確認(警告ダイアログ alert)
フォーム送信時に空欄を確認(確認ダイアログ confirm) フォーム送信時に空欄を確認(文字入力ダイアログ prompt)
フォームリセット時に確認メッセージ(onReset, confirm) フォーム送信時に空欄を確認・空欄の色を変更(elements, borderColor, background)
日付を表示(new Date, getFullYear, getMonth, getDate, getDay) 時刻によってメッセージを変える(getHours)
ステータスバーに時刻を表示(getHours, getMinutes, getSeconds) ステータスバーに時刻を表示(スクロール substring)
時刻を画像表示(new Image) 年月日から曜日を調べる(setFullYear, setMonth, setDate)
指定した日までの日数を表示(Date.parse) ページ滞在時間を計算(onLoad, onUnload, getTime)
カレンダー カレンダー(前月・次月へのリンク付)
JavaScriptの有効・無効を表示(noscript) クッキーの有効・無効を調べる(navigator.cookieEnabled)
訪問回数(クッキー document.cookie) フォーム入力内容をクッキーに保存(document.cookie, escape, unescape)
お気に入りに追加(window.external.AddFavorite) 小数点以下四捨五入・切り捨て・切り上げ(Math.round, Math.floor, Math.ceil)
文字列エンコード・デコード(escape, unescape) 10進数に変換(parseInt)
2進数・8進数・16進数に変換(toString) 文字列置き換え(replace)
フェードイン(setInterval, document.bgColor) イメージマップの指定箇所で説明を表示(onMouseover)
マウスオーバー時にメニューリストを表示(onMouseover, onMouseout, style.display) ステータスバーに電光掲示板風メッセージ(status, setInterval, length, substring)
電光掲示板風メーセージ表示(setInterval, length, substring) おみくじ(Math.random)
九九の勉強 ストップウォッチ
電卓 スロット
PHP
Hello world ! ユーザーエージェント取得・表示($_SERVER["HTTP_USER_AGENT"])
IPアドレス取得・表示($_SERVER["REMOTE_ADDR"]) リンク元取得・表示($_SERVER["HTTP_REFERER"])
URL取得・表示($_SERVER["HTTP_HOST"], $_SERVER["REQUEST_URI"]) 環境変数一覧表($_SERVER, list, each)
ホスト名取得・表示(gethostbyaddr, $_SERVER["REMOTE_ADDR"]) 日付を表示(getdate)
時間を表示(getdate, hours, minutes,) getdate()関数取得可能情報一覧表(list, each)
日時を表示(出力形式を指定, date) date()関数出力形式一覧表
指定の日までの日数(mktime) 時刻によって挨拶文を変える
曜日によって背景色を変える 日によって背景色を変える
月によって背景色を変える 時間によって背景画像を変える
文字サイズ・背景色選択 見るたびに背景色を変える(mt_rand)
おみくじ(array_rand) 文字列置き換え(str_replace)
パスワード認証 カラーチャート
グラフ(棒グラフ) アクセスカウンター
アクセスカウンター(画像) アクセスカウンター(今日・昨日)
訪問回数(クッキー, $HTTP_COOKIE_VARS, setcookie) クッションページ($_SERVER["QUERY_STRING"])
クッションページ($_SERVER["PATH_INFO"]) カレンダー
カレンダー(今年1月〜12月) カレンダー(今年1月〜12月, 前年次年リンク付)
掲示板 ディレクトリ内ファイル一覧表示
Webデータ取得(HTMLソース取得, file_get_contents) トラックバック受信
トラックバック送信(POST, file_get_contents) メール送信(メールフォーム, mb_send_mail)
リダイレクト(header, Location) 条件指定リダイレクト(header, Location)
言語振り分けリダイレクト(header, Location) 条件指定アクセス拒否(ステータスコードを返す)
HTMLファイル読み込み・表示(include) 外部PHPファイル読み込み(include)
HTMLファイル読み込み・パスワード認証 HTMLファイル読み込み・条件指定アクセス拒否
HTMLファイル読み込み・条件指定リダイレクト 画像ファイル読み込み・表示(ImageCreateFromJPEG)
画像ファイル読み込み・文字埋め込み・表示(ImageString) 画像ファイル読み込み・文字埋め込み・保存(ImageString)
画像ファイル読み込み・サイズ変更・表示(ImageCopyResampled) 画像ファイル読み込み・サイズ変更・保存(ImageCopyResampled)
画像ファイル読み込み・切り出し・表示 画像ファイル読み込み・切り出し・保存
画像合成・表示(ImageCopy) 画像合成・保存(ImageCopy)
画像生成・表示(ImageCreate) 画像生成・保存(ImageCreate)
画像合成アクセスカウンター
CGI(Perl)
Hello world ! ユーザーエージェント取得・表示($ENV{'HTTP_USER_AGENT'})
IPアドレス取得・表示($ENV{'REMOTE_ADDR'}) リンク元取得・表示($ENV{'HTTP_REFERER'})
URL取得・表示($ENV{'HTTP_HOST'}, $ENV{'REQUEST_URI'}) 環境変数を全て表示(%ENV)
ホスト名取得・表示(gethostbyaddr) 訪問者のプロバイダーを表示
訪問者の都道府県を取得・表示 日付を表示(localtime time)
日付を画像表示(localtime time, substr) アクセス日時を表示(localtime time)
指定の日までの日数を表示 曜日によって背景色を変える
日によって背景色を変える 月によって背景色を変える
見るたびに背景色を変える 見るたびに背景画像を変える
おみくじ(rand, int) カラーチャート
Shift_JIS文字コード表 UTF-8文字コード表
グラフ(横棒グラフ) アクセスカウンター
アクセスカウンター(画像) アクセスカウンター(今日・昨日)
訪問回数(クッキー, $ENV{'HTTP_COOKIE'}, Set-Cookie) アクセスログ保存
アクセスログ集計 パスワード認証
クッションページ($ENV{'QUERY_STRING'}) クッションページ($ENV{'PATH_INFO'})
フォーム入力内容をクッキーに保存 1つのCGIでフレームページを表示
IPアドレスからホスト名を取得(gethostbyaddr) ホスト名からIPアドレスを取得(gethostbyname)
IPアドレスからプロバイダーを取得 IPアドレスから都道府県を取得
文章中の文字列を別の文字列に一括変換 カレンダー
カレンダー(前月・次月へのリンク付) カレンダー(今年1月〜12月)
掲示板 掲示板(URL自動変換/連続改行・スペース削除)
掲示板(年齢・性別・都道府県選択) 画像アップロード掲示板
チャット Web日記
サイトマップ(ディレクトリ内のファイルを調べる) Webデータ取得(HTTPヘッダー, HTMLソース, use Socket)
Webデータ取得(HTTPヘッダー, HTMLソース, use HTTP::Request::Common) トラックバック受信
トラックバック送信 メール送信(メールフォーム, sendmail)
リバーシ(ボードゲーム) .htaccessユーザー認証用ユーザーファイル作成
リダイレクト 条件指定リダイレクト
言語振り分けリダイレクト 条件指定アクセス拒否(ステータスコードを返す)
HTMLファイル読み込み・表示 HTMLファイル読み込み・パスワード認証
HTMLファイル読み込み・条件指定アクセス拒否 HTMLファイル読み込み・条件指定リダイレクト
外部CGIファイル読み込み(require) 画像ファイル読み込み・表示
画像縮小・拡大・サイズ変更(Image::Magick, Resize) 画像切り出し(Image::Magick, Crop)
画像文字埋め込み(Image::Magick, Annotate) 画像合成(Image::Magick, Composite)
画像生成・保存(Image::Magick->new) 画像合成アクセスカウンター
CGI(Ruby)
Hello world ! ユーザーエージェント取得・表示(ENV['HTTP_USER_AGENT'])
IPアドレス取得・表示(ENV['REMOTE_ADDR']) リンク元取得・表示(ENV['HTTP_REFERER'])
URL取得・表示(ENV['HTTP_HOST'], ENV['REQUEST_URI']) 環境変数一覧(ENV.each)
日時を取得・表示(Time.now) 指定の日までの日数を表示
時刻によって挨拶文を変える 日によって背景色を変える
見るたびに背景色を変える 見るたびに背景画像を変える
おみくじ(rand) カラーチャート
グラフ(横棒グラフ) アクセスカウンター
アクセスカウンター(画像) 訪問回数(クッキー)
パスワード認証 クッションページ(ENV['QUERY_STRING'])
クッションページ(ENV['PATH_INFO']) カレンダー
カレンダー(今年1月〜12月) カレンダー(今年1月〜12月, 前年次年リンク付)
掲示板 ディレクトリ内ファイル一覧表示
リダイレクト(Location) 条件指定リダイレクト(Location)
条件指定アクセス拒否(ステータスコードを返す) HTMLファイル読み込み・表示
HTMLファイル読み込み・パスワード認証 HTMLファイル読み込み・条件指定アクセス拒否
HTMLファイル読み込み・条件指定リダイレクト 外部CGIファイル読み込み(require)
画像ファイル読み込み・表示
.htaccess
ファイル一覧表示設定(Options -Indexes) 拡張子省略設定(Options +MultiViews)
ディレクトリインデックス優先順位変更設定(DirectoryIndex) 文字コード設定(文字化け対策 AddDefaultCharset)
HTMLファイルSSI動作設定(AddHandler server-parsed) HTMLファイルPHP動作設定(AddHandler php-script)
HTMLファイルCGI動作設定(AddHandler cgi-script) エラーページ変更(ErrorDocument 401 403 404 500)
ファイルアクセス禁止設定(Files Deny) ファイルアクセス禁止設定(拡張子指定 FilesMatch)
特定IPアドレスアクセス禁止設定(Deny from) 特定IPアドレスアクセス許可設定(Allow from)
特定ユーザーエージェントアクセス禁止設定(SetEnvIf User-Agent) 検索エンジン巡回ロボットアクセス拒否設定
リンク禁止設定(SetEnvIf Referer) 特定アドレスからのリンク禁止設定(SetEnvIf Referer)
画像直リンク禁止設定(FilesMatch SetEnvIf Referer) アドレス転送設定(Redirect permanent)
アドレス転送設定(指定ファイルを指定アドレスに転送 RedirectMatch) アドレス転送設定(ディレクトリ内全て指定アドレスに転送)
アドレス転送設定(拡張子指定) アドレス転送設定(拡張子変更)
アドレス転送設定(ファイル名一部変更) 特定IPアドレス転送設定(RewriteCond %{REMOTE_ADDR})
特定IPアドレス以外転送設定(RewriteCond %{REMOTE_ADDR}) 特定ユーザーエージェント転送設定(RewriteCond %{HTTP_USER_AGENT})
特定ユーザーエージェント以外転送設定(RewriteCond %{HTTP_USER_AGENT}) 携帯アクセス転送設定(RewriteCond %{HTTP_USER_AGENT})
携帯アクセス転送設定(ディレクトリ内全て転送) PCアクセス転送設定(RewriteCond %{HTTP_USER_AGENT})
PCアクセス転送設定(ディレクトリ内全て転送) PCアクセス携帯アクセス振り分け転送設定
被リンクトップページ転送設定(RewriteCond %{HTTP_REFERER}) 画像直リンク禁止設定(代替画像表示設定)
特定クエリ転送設定(RewriteCond %{QUERY_STRING}) クエリ変換転送設定(クエリ変換 クエリ追加 クエリ削除)
クエリ一部変換設定(RewriteCond %{QUERY_STRING}) 静的ページURLで動的ページにアクセス(RewriteEngine on RewriteRule)
存在しないページトップページ転送設定(RewriteCond %{REQUEST_FILENAME}) 存在しないページ指定ページ表示設定(RewriteCond %{REQUEST_FILENAME})
全ページ指定ページ転送設定 全ページ指定ページ表示設定
指定ページ別ページ表示設定(HTMLページでPHPページ表示) 全ページ下層ディレクトリ内ページ表示設定(トップディレクトリ変更)
アドレス統一設定(RewriteCond %{HTTP_HOST} RewriteRule) アドレス統一設定(index.html無し)
アドレス統一設定(index.html有り) Basic認証(ユーザー認証 AuthType Basic)
Basic認証ユーザー別転送設定(RewriteCond %{REMOTE_USER})
かんたん作成【HTML CSS JavaScript PHP CGI Perl Ruby Python .htaccess】