インターネット初心者のページ、ウェブサイト製作、SEOまで
-MENU-
-Begining-
-入門-
Webサイト製作の基本
HTMLその2
スタイルシート
PHP
-AboutThis-
-BBS-
-筆者お気に入り-
推奨ブラウザ＆メーラー
"Mozilla"
FireFox3.0
ThunderBird2.0
"Mozilla"
FireFox3.0
ThunderBird2.0
-MainWindow-
作ってみよう〜超基本編〜
では、真っ白なメモ帳にこの様に記述してみてください。<html>
<head>
<title>
テストページ
</title>
</head>
</html>
記述したらメモ帳ウィンドウの左上の"ファイル"から"上書き保存"をクリックしましょう。
少し話が脱線しますがキーボードのctrlキーを押しながらsキーを押すことで同じく"上書き保存"が出来ます。
これは沢山ある"ショートカットキー"のうちの一つです。
是非使いこなしましょう。
では、メモ帳を一旦閉じて先ほどの"test.html"をダブルクリックで開いてみましょう。
いかがですか？
何も変わってないですか？よく見てみてください、ブラウザの左上。
"テストページ"と表示されてないですか？
では、一つ一つ解説していきます。
まずは<html>
これは「ここからHTMLを使いますよー」と言う意味の"タグ"です。
ここで"タグ"と言う言葉の解説をします。
これまで幾つかの"<"と">"で囲まれた言葉をメモ帳に記述したと思います。
これがタグです。タグは"開始タグ"と"終了タグ"の2個一組で使います。
中には1個一組のタグもありますが今は2個一組で覚えておいてください。
これが基本です。
そして一番したのタグは</html>です。
一行目の<html>に"/（スラッシュ）"を付け足したものが終了タグです。
一行目が「ここからHTMLを使いますよー」そして最終行で「ここまでHTML使ってましたよー」と言ってるわけです。
<html>と宣言した直後の<head>はヘッダーと言われる部分になります。
<head>〜</head>がヘッダーで次のタグ<title>もこのヘッダー内に記述する事になっています。
ヘッダー内には他にも色々記述する事が出来るのですが今の所はタイトル以外で覚えておくべき事は特にありません。
むしろ筆者もヘッダー内に記述する物はお約束事だと思い新規でhtmlファイルを作る時はコピーペーストしています。
（もちろん意味を分かってはいるのですが）
そして次が<title>です。
<title>〜</title>で囲んだ文字をブラウザの左上にページのタイトルとして表示させることが出来ます。
以上が超基本編です。
- タグは2個一組（そうでないものもある）
- <title>はページタイトルを付けることが出来る