ホームページを作るために覚えなくてはいけないんです。簡単な英語ができるなら、かなり楽に覚えられますよ。★タグって何?ホームページを作るにはXHTML(HTML)を覚えなくてはなりません。良いデザインにするためには更にCSSも覚えなければなりません。HTMLは英語を基本としていますので、英語を覚えれば自然とタグも覚えられます。※今後これらの言葉を多く使いますので覚えておいてね。.「タグ」って何?タグというのは「<」と「>」を含め囲まれた特定の文字列を指します。/>」と言ったものです。「開タグ」「閉タグ」「空要素タグ」タグには「開タグ」「閉タグ」「空要素タグ」の3つの書き方があります。開タグは「タグはここから始まるよ」という目印で「<〜>」と書きます。閉タグは「タグはここまでで終わるよ」という目印で「</〜>」と書きます。基本的に開タグと閉タグは一緒に使い「<strong>適応範囲</strong>」のように開タグと閉タグの間に文字を挟みます。空要素タグはHTMLでは「<hr>」のように開タグのみで閉タグを持ちません。/>」のように開閉タグとして使うんです。いうと、XHTMLは文法に厳しく「必ずタグを閉じなければいけない」というきまりがあるからです。規則は厳しいですが、HTMLとは違い省略が不可能なので、省略による予期せぬ表示がなくなるのは大いに利点となります。タグの「要素」タグを構成している要素です←そのままですね(^o^)「<」と「>」に囲まれた特定の文字列のみを指します。「<body>」や「</body>」だったら「body」のみを指します。これをタグの要素と言います。タグの「属性」タグには属性というものもあります。「=」の左部分の「href」を指し、「href属性」と言います。「=」以下の「""」で囲まれた部分は「属性値」といいます。「属性="属性値"」を付加することにより色々は役割を持たすことができます。※当講座ではCSSを使う都合上、class属性を頻繁に使います。[XHTML<->HTML]★XHTMLとHTMLの宣言の違い「タグ」がどういったものか理解したところで、実際にタグを打っていきましょう。.まずメモ帳を開いて下さい。右下のスタートメニューから「スタート>プログラム>アクセサリ>メモ帳」にあります。「スタート>ファイル名を指定して実行>notpad」でも起動します。お気に入りのテキストエディタがあるのでしたらそちらをお使い下さい。フリーソフトのTeraPadなんかがオススメ☆です。起動させ「表示>編集モード>HTML」を選ぶとタグの部分の色が変わりますので、入門者、初心者の方には結構便利なことだと思います。「<」と「>」に囲まれた部分はタグの打ち間違いに問わず色が変わるので気を付けて下さい。.▼次にタグを打っていきます。次の通り打ち込んでみて下さい。Transitional」の雛形です。当講座はXHTMLで進めていきますが、HTMLとの違いを知るためにも見ておいて下さいね。※左端にある数値は利便上の行番号ですので、写さないで下さいね。※字下げは「半角スペース」た「タブ」を使って下さい。↓DOCTYPE宣言。HTMLのバージョン表記ホームページの始まり。「lang="ja"」は日本語のページであることを表す。以下に内容識別の為の定型の情報を書く。このページが「shift_jis」で書かれていることを示す。他に「EUC」などがある。通常は「shift_jis」である。タイトル:ブラウザの左上に表示される文字列。印刷時の先頭行にも書き出される。検索エンジンの検索結果に表示されるので内容が分かるように書くべき。以下に表示されるものを書く。打ち終わったら「名前を付けて保存」で「index.html」とでもしておきましょう。「.html」まで打って下さいよ!そうしないとただのテキスト文書になってしまいますからね。無事保存し終えたらダブルクリックで開いてみましょう。「<body>」と「</body>」の間を変更したら内容が変わりますよ。一度変えて表示してみて下さいね。.▼次にXHTMLで書いてみます。以下のソースは「XHTML1.1」の雛形です。記述を推奨DOCTYPE宣言。/」で終わっていることに注目!(同上)(同上)(同上)bodyタグ内に直接テキストを書いてはいけないのでdivタグを使用している。本文:表示される部分divタグ終了(同上)(同上)★自分だけの雛形を作ろう!★雛形はコピーするもの!雛形は一度作ってしまえば後はコピーして使います。その方が効率的ですからね。毎回書いて覚えても良いんですけど、かなり面倒なので私もコピーして使っています。意味だけは理解しておきましょう。.▼以下のソースは私の推奨する「XHTML1.1」の雛形です。--></div></body></html>前回の雛形から増えた部分を解説します。「責任者のメールアドレス」自分のメアドを入れて下さいね。「スタイルシートのURL」必要に応じて書き換えて下さいね。divタグをスタイルシートにしてみました。しきいの為のコメント以上です。.書き終えたら「template.html」とでも名前を付けて保存しておいて下さい。この雛形は、これからの講座で練習のために使用していきます。練習に使う場合には「sample.html」など別名で保存して使って下さいね。