HTML言語でホームページを作ってみよう!

1.拡張子を表示

[マイコンピュータ]または[マイドキュメント]を開き、メニューバーの[ツール][フォルダオプション]をクリック

[表示]タブの[詳細設定][登録されている拡張子は表示しない]のチェックを外す

2.htmlファイルの作成

[メモ帳]を使って別紙index.htmlnatsu.htmlファイルを作成する

・作成は下記の<HTML言語>で半角大文字または小文字で書く

(1)<HTML> </HTML>

この間がHTML文書であることを宣言する

(2)<HEAD> </HEAD>

この間がHTML文書のヘッダとなり、<TITLE> </TITLE>等を宣言する

(3)<TITLE> </TITLE>

この間の文字がページタイトルとなり、お気に入りに登録される

(4)<BODY> </BODY>

この間がホームページの本文となる

(5)<BODY text="文字色" bgcolor="背景色"

link="未リンク文字色" vlink="リンク中文字色" alink="リンク済文字色">

色指定は下記のカラー名、RGBコードどちらでもよい

カラー名

RGBコード

 

カラー名

RGBコード

black

#000000

green

#008000

gray

#808080

lime

#00ff00

silver

#c0c0c0

teal

#008080

white

#ffffff

aqua

#00ffff

maroon

#800000

navy

#000080

red

#ff0000

blue

#0000ff

olive

#808000

purple

#800080

yellow

#fffff00

fuchsia

#ff00ff

(6)<P align="キーワード"> </P>

この間が文章の段落となり、これ単位で位置揃いを指定出来る

位置

左揃え

中揃え

右揃え

キーワード

left

center

right

(7)<FONT color="文字色" size="文字サイズ" face="書体">

この間で下記の文字形式を指定する

文字色

上記(5)参照

文字サイズ

1""7"(小〜大)

書体

“MSゴシック“、“MS明朝"

(8)<R> 空白行

(9)<HR> 水平線

10<IMG src="画像ファイル" width="横サイズ" height="横サイズ" border="境界線の太さ">

これで画像を挿入する

画像ファイル拡張子

gifjpg

縦横サイズ

ピクセル、対領域%

境界線の太さ

ピクセル

11)<TABLE> </TABLE>

表の指定で、この間に行<TR> </TR>、列<TD> </TD>を指定する

12<TR> </TR>

行指定で、この間に列指定<TD> </TD>が入る

13<TD> </TD>または<T> </T>

列指定で、この間に文字・画像等を入れる

<TD> </TD>は表明細、<T> </T>は表ヘッダ(太文字・中揃え)

3.htmlファイルを見る

・完成したファイルをダブルクリックするとホームページ画面が表示される

4.htmlファイルの修正

・修正は[表示][ソース]をクリックすると「メモ帖」が起動する

・修正が終わったら上書き保存してもう一度htmlファイルを見る

 

以上