＜head＞〜＜/head＞

この間に書かれている事はブラウザでは見えない。

此処にはそのhtml文書の情報・特徴が書かれている。

＜title＞〜＜/title＞

そのhtml文書のタイトルを入れる所。

タイトルはブラウザの一番上に表示される。

＜head＞〜＜/head＞に入れる。

＜body＞〜＜/body＞

ここに書かれた事がブラウザに表示される。

＜body＞の部分を ＜body bgcolor=”色”＞に変えると、背景が指定した色になる。

＜body＞の部分を＜body background=”画像のURL”＞に変えると、背景が指定した画像になる。

＜body＞の部分を＜body text=”色”＞に変えると、入力した文字が指定した色になる。

＜font ＃＞〜＜/font＞

文字についての設定が出来る。

＜font ＃＞の＃がsize=”数字”の場合、〜の部分の文字の大きさを調整できる。

＜font ＃＞の＃がcolor=”色”の場合、〜の部分の文字の色を指定出来る。

＜font ＃＞の＃がface=”文字の種類”の場合、〜の部分の文字のフォントが指定出来る。

その他知っておくと便利＆面白い事

＜br＞

改行の印。一段だけ下げたいときに使う。

＜p＞

段落を作る印。連続で使えない。

＜b＞〜＜/ｂ＞

〜部分の文字を太くする。

＜i＞〜＜/i＞又は＜address＞〜＜/address＞
〜の部分の文字が斜体になる。

＜s＞〜＜/s＞

〜の部分の文字に抹消線が付く。

＜tt＞〜＜/tt＞

〜の部分の文字が等間隔に並ぶ。

＜u＞〜＜/u＞

〜の部分の文字に下線がつく。

＜ruby＞＜rb＞＃＜rt＞〜＜/ruby＞

＃の部分に漢字を、〜の部分にその漢字の読みを入れる。そうするとルビがふれる。

＜hr＞

入れた部分に罫線が入る。

位置の指定方法

＜center＞〜＜/center＞

〜の部分の文字が中央に来る。

＜p align”＃”＞〜＜/p＞

＃の部分にleftを入れると〜の部分の文字が左揃えになる。

＃の部分にcenterを入れると〜の部分の文字が中央揃えになる。

＃の部分にlightを入れると〜の部分の文字が右揃えになる。

リンクの張り方…。

相対パスを使ったリンクの張り方…。

同じ階層内のリンクの張り方。
＜a href="＃"＞〜＜/a＞

＃の所にファイルの名前を入れる。

〜に入れた文字をクリックすると、指定したファイルが開ける。

階層を下がる場合のリンクの張り方。
＜a href="＠/＃"＞〜＜/a＞

＠の所にフォルダ名、＃の所にファイル名を入れる。

〜に入れた文字をクリックすると＠のファイルの中にある指定したファイル＃が開ける。

階層をあがる場合のリンクの張り方
＜a href="../"＃＞〜＜/a＞

＃の所にファイル名を入れる。

〜に入れた文字をクリックすると上の階層にある指定した＃のファイルが開ける

絶対パスを使ったリンクの張り方・・・。

他ホームページへのリンクの張り方。
＜a href="＃"＞〜＜/a＞

＃の所にリンクしたいホームページのＵＲＬを入れる。

〜に入れた文字をクリックすると、指定したホームページが開ける。

メールのリンクの張り方。
＜a href=”mailto:＃”＞〜＜/a＞

＃の所にアドレスを入れ、〜に『此処にメール』等と入れる。

入れた文字をクリックすると、指定したアドレスにメールが送れる。

画像の入れ方
＜img src=”＃”＞

＃に使いたい画像のＵＲＬやファイル名を入れると、その画像が表示される。

表の作り方…。
＜table border＞＜tr＞＜td＞＃＜/td＞＜td＞〜＜/td＞＜/tr＞＜/table＞
＃や〜の部分に字を入れる。表が出来る。
※『border』を入れない場合は線の無い表が作れる。