HP-目次-
HOME
1day講座
1日で習得！HTML言語
1 2 3 4
1日で習得！スタイルシート
1 2 3
実用的なHTML言語
空白文字
altとtitle属性
meta属性
tableを作ろう
optionを使う
address属性
コメント
hrの横線を
背景の増殖リファレンス
HTML言語
スタイルシートホームページ作成
素材に関して
アクセスカウンター
ソフトに関してふぁるるのホームページ奮闘記
diary、ホームページ奮闘記録
ネットとマナー、ネチケット
私の恥ずかしくて、人に見せられない、ド下手ページの数々orz
ホームページ作成講座。1day講座
1日で習得！HTML言語の講座
ここはホームページを作った事がない方。HTML言語、スタイルシートという言葉を始めて聞いたあなたでも、
1日でHTML言語とスタイルシートを使って、
ホームページが作れるようになります♪
ホームページを作ろう！
初めての方は先ほど作ったindex.htmlを開いて見てみてください。見事にまっさらですがホームページに近いのが判ると思います。
では、作業に入ります。
先ほど作ったindex.htmlのファイルを右クリックして下さい。
プログラムから開く（Ｈ）⇒Notepadを選択してください。
白紙のメモ帳が出てきます。
とりあえず、メモ帳に
HTML言語を楽して習得♪
とでも書いて保存して見てください。
index.htmlを開いて見ましょう。
こんな風になっています♪
文字が表示されましたね。
これはHTML言語の文法を無視した一番楽なHTMLファイルですね。
HTML言語の文法
日本語や英語、javaやcgiにも文法があるように、html言語にも決まった書き方の形式があります。
しかし、大した事はありません。
私はHTML言語は世界で最も文法が楽な言語だと感じます。
簡単だからこそ軍事ネットワークから、
世界のＷＷＷ（ワールドワイドウェブ）まで普及したとも言えます。
index.htmlの内容を少し追加しましょう♪
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<body>
HTML言語を楽して習得♪
</body>
</html>
追加出来ましたか？
保存して開いてもらえば判りますが何も変わりません。
ですが、書かないと想定外の事態になり、
ホームページが思ったとおりに
表示されない事があるので書いておきましょう。
この<>で囲まれたものをタグと言います。
例えば<html>、<head>、<body>は開始タグと言い。
</html>、</head>、</body>は終了タグと言います。
タグの効力は開始から終了の時点まで続きます。
よくホームページでは、
この終了タグを書き忘れたため、想定外の事態が起きます。
書き忘れに注意しましょう。
<html>〜</html>はホームページの始まり〜終わりです。
この中でホームページを作ることになります。
<head>〜</head>は
スタイルシートやタイトル属性、metaを記述できる場所です。
この後の、タイトル属性の説明時に使います。
<body>〜</body>は本文の始まり〜本文の終わりです。
先ほどの文章がこの中に入っている事からも判ります。
最後に、
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
とありますが、これはホームページのバージョンです。
なくても正常に動くので、バージョンが判らない場合は
書かなくても問題ありません。
（当サイトでは上記のバージョンのみ扱っております。）
ホームページにタイトルをつけよう♪
ホームページの左上を見て頂ければ判りますがタイトルです。この部分に自分の好きなタイトルをつけましょう♪
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>title名を記入しましょう</title>
</head>
<body>
HTML言語を楽して習得♪
</body>
</html>
保存後、ホームページを開くと、左上のタイトルが
変わっています。
文法が終わったので次は、さらに文を書いていきましょう。
当サイトは全て、
手打ちのHTML言語、及びスタイルシートで作成されています。
リンク
リンクについて
リンクフリーなのです。banner画像
LINKページ
文字化け解消
管理人
profile
著作権
Copyright(C)2007-2008 ふぁるるAll rights reserved
転載禁止。
サイトの更新履歴
お世話になっている検索エンジンサイト様sponsor by 検索エンジン and ダイエット
作者情報;ふぁるる http://www.faruru.info/
