HTML
言語でホームページを作ってみよう!1.拡張子を表示
・
[マイコンピュータ]または[マイドキュメント]を開き、メニューバーの[ツール]→[フォルダオプション]をクリック・
[表示]タブの[詳細設定]で[登録されている拡張子は表示しない]のチェックを外す2.
htmlファイルの作成・
[メモ帳]を使って別紙index.htmlとnatsu.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)
<BR> 空白行(9)
<HR> 水平線(
10)<IMG src="画像ファイル" width="横サイズ" height="横サイズ" border="境界線の太さ">これで画像を挿入する
画像ファイル拡張子 |
gif 、jpg等 |
縦横サイズ |
ピクセル、対領域 % |
境界線の太さ |
ピクセル |
(
11)<TABLE> </TABLE>表の指定で、この間に行
<TR> </TR>、列<TD> </TD>を指定する(
12)<TR> </TR>行指定で、この間に列指定
<TD> </TD>が入る(
13)<TD> </TD>または<TH> </TH>列指定で、この間に文字・画像等を入れる
<TD> </TD>
は表明細、<TH> </TH>は表ヘッダ(太文字・中揃え)3.
htmlファイルを見る・完成したファイルをダブルクリックするとホームページ画面が表示される
4.
htmlファイルの修正・修正は
[表示]→[ソース]をクリックすると「メモ帖」が起動する・修正が終わったら上書き保存してもう一度
htmlファイルを見る
以上