DATABASE of LIFE → TOPBackForward

タグの説明


基本タグ タグの説明
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=noyesにするとディレクトリバー表示
location=noyesにするとアドレスバー表示
menubar=noyesにするとメニューバー表示
scrollbars=noyesにするとスクロールバー表示
status=noyesにするとステータスバー表示
resizable=noyesにすると画面サイズ変更可
body onLoad="pop_focus()" 表示される都度手前にする方法

METAタグ タグの説明
meta http-equiv="Refresh" content="秒数" 自動的に更新(再読込み)


Copyright(C)2004-2007 DATABASE of LIFE All Rights Reserved.
Designed by Ryotaro.