
| DATABASE of LIFE → TOP・ Back・ Forward・ |
| 基本タグ | タグの説明 |
| html | ホームページ全体を表す。 |
| head | Javascriptなどを書く場所。 |
| title | 左上のタイトルの部分に表示される。head内に書く。 |
| body | ここから文章や画像などを見れる。 |
| br | 改行。列を変えたいときなどに使用。 |
| p | 改行して、一行あける。 |
| hr | 横線。 |
| width=" "で横幅を設定 | |
| size=" "で太さを設定 | |
| color=" "で色を設定 | |
| DIV align=center | 真ん中に表示する。centerをleft、 rightに変えれば左右も可能。 |
| center | 真ん中に表示する。 |
| a href="リンク先" | リンク場所に移動。アドレスなど書く。 |
| img src="画像名" | 画像を表示できる。 |
| 文字のタグ | タグの説明 |
| strong | 文字を強調する。 |
| b | 文字を強調する。 |
| em | 文字を斜体にする。 |
| i | 文字を斜体にする。 |
| u | 文字に下線をつける。 |
| h1 | 文字の大きさを変える。h2、h3と小さくなっていく。 |
| sup | 上付き文字 |
| sub | 下付き文字 |
| tt | 等幅フォント |
| フォントタグ | タグの説明 |
| font size="0" | 文字の大きさを変える。数字を増やせば大きくなる。 |
| font color="#ffffff" | 文字の色を変える。 |
| font face="MS Pゴシック" | 文字の種類を変える。 |
| テーブルタグ | タグの説明 |
| table | tableタグの最初に書く。 |
| tr | セルを書き込むための縦一列を作る。 |
| td | セルを作る(書き込める場所)。tdを増やすと横にセルが増える。 |
| border="1" | 一番外側の線。border="2"と数字を増やしていくと太くなる。 table内に書く。 |
| bgcolor="#ffffff" | 背景の色。body内、table内に書けば全体の色変わる。 td内に書けばそこのセルだけ色変わる。 |
| bordercolor="#ffffff" | 全体の線の色。td内に書けばそのセルの線だけ色変わる。 |
| bordercolorlight="#ffffff" | borderの明るい部分の色。table内に書く。 |
| bordercolordark="#ffffff" | borderの暗い部分の色。table内に書く。 |
| cellspacing="0" | 内側の線の太さ。table内に書く。 cellspacingとcellpaddingを"0"にすれば隙間がなくなる。 |
| cellpadding="0" | 枠と文字との間隔。table内に書く。 数字増やすとセルが広くなって文字が見やすい。 |
| align="center" | 文字を真中に表示する。td内、tr内に書く。centerをleft、 rightに変えれば左右も可能。 |
| valign="top" | 文字を上に表示する。td内、tr内に書く。 |
| colspan="0" | 横のセルを数字の数だけ結合する。td内に書く。 |
| rowspan="2" | 縦のセルを数字の数だけ結合する。td内に書く。 |
| width="100" | 横の幅を数字の量だけ増やす。 数字の所を"100%"という使い方もある。 |
| height="100" | 縦の幅を数字の量だけ増やす。数字の所を"100%"という使い方もある。 |
| スタイルシート | タグの説明 |
| style="color:ffffff;" | tableの横に書けば全部の文字の色が変わります。 |
| style="font-size:10px;" | 数字を増やすと文字の大きさが変わります。細かい設定ができる。 |
| style="text-align:center;" | 文字を真中に表示できる。centerをleft、 rightに変えれば左右も可能。 |
| style="background-color:ffffff;" | 背景の色をつけれる。ffffffが色。 |
| その他タグ | タグの説明 |
| textarea rows="5"cols="60" | テキストをそのまま表示できる場所。 rows="5"は縦の段の量、cols="60"は横幅の長さ。 |
| !--コメント-- | コメントを書けます。ホームページ上には表示しない |
| < > | < >をホームページ上で表示したいとき書きます。 普通に書くと見えません。 |
| javascript | タグの説明 |
| a href="javascript:close()"閉じる | リンクをクリックして閉じる |
| a href="javascript:close()" img src="画像名" border="0" width="横幅を設定" height="縦幅を設定" alt="閉じる" | 画像をクリックして閉じる |
| input type="button" value="閉じる" onClick="javascript:window.close()" | フォームボタンをクリックして閉じる |
|
SCRIPT LANGUAGE="JavaScript" !-- function on_close() { Mesge = "ブラウザを閉じます、いいですか? "; if (true == confirm(Mesge)) { window.close(); } } // -- input type="button" value="閉じる" onClick="on_close()" | フォームボタンをクリックし、 閉じるかどうか確認してから閉じる |
| a href="javascript:history.back()"戻る | リンクをクリックして一つ前に戻る |
|
a href="javascript:history.back()" img src="画像名" border="0" width="横幅を設定" height="縦幅を設定" alt="戻る" | 画像をクリックして一つ前に戻る |
| input type="button" value="戻る" onClick="javascript:window.history.back()" | フォームボタンをクリックして一つ前に戻る |
| a href="javascript:location.reload()"更新 (再読込み:最新の状態) | リンクをクリックして更新(再読込み)する |
| input type="button" value="更新(再読込み:最新の状態)" onClick="javascript:location.reload()" | フォームボタンをクリックして更新(再読込み) |
| a href="javascript:print()"印刷する | リンクをクリックして印刷する |
|
a href="javascript:print()" img src="画像ファイル名" border="0" width="横幅を設定" height="縦幅を設定" alt="印刷する" | 画像(イメージ)をクリックして印刷する |
| input type="button" value="印刷する" onClick="javascript:print()" | フォームボタンをクリックして印刷する |
| ポップアップ画面 | タグの説明 |
|
a href="#" onClick="window.open ('js2_sample.html', '_Pop', ' directories=no,location=no,menubar=no,scrollbars=no, status=no,resizable=no,width=横幅を設定,height=縦幅を設定')" ポップアップ画面を開く | リンクをクリックしてポップアップさせる |
|
input type="button" value="ポップアップ画面を開
く" onClick="window.open ('js2_sample.html', '_Pop', ' directories=no,location=no,menubar=no,scrollbars=no, status=no,resizable=no, width=横幅を設定,height=縦幅を設定')" | フォームボタンをクリックしてポップアップさせる |
| window.open('表示したいファイル名', ' 開くWindow名(任意名)', | 画面設定 |
| directories=no | yesにするとディレクトリバー表示 |
| location=no | yesにするとアドレスバー表示 |
| menubar=no | yesにするとメニューバー表示 |
| scrollbars=no | yesにするとスクロールバー表示 |
| status=no | yesにするとステータスバー表示 |
| resizable=no | yesにすると画面サイズ変更可 |
| body onLoad="pop_focus()" | 表示される都度手前にする方法 |
| METAタグ | タグの説明 |
| meta http-equiv="Refresh" content="秒数" | 自動的に更新(再読込み) |