ソフト開発（アプリ/プログラム言語/開発環境/方法）

先頭から

つまみ読み

[初めてのHTML]はじまるよ～(^^;

記事 47 by Lufa

HTML講座始まるのだ(^^;質問、疑問遠慮なく、よろしゅ～... ( 続きを読む )

1．最初はお決まり(^^;

コメント 48 by Lufa

この講座は、初心者向け、HTML 4.01 ベース。
メモ帳等で、しこしこ書いてもらいます(^^;

まずは、お決まり Hello で(^^;
まずはエディタで以下のHTMLを打ちましょう。
保存時は、ファイル名を hello.html で保存。
そして、ブラウザで見れるか確認して下さい。

お題目：hello.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
　"
<HTML>
　<HEAD>
　　<TITLE>Hello HTML!</TITLE>
　　<META HTTP-EQUIV="Content-Type"
　　　　CONTENT="text/html; CHARSET=Shift_JIS">
　</HEAD>
　<BODY>
　　Hello HTML! 
　　はろ～ＨＴＭＬ
　</BODY>
</HTML>

解説：

最初の２行は、HTML 4.01 ベースで記述する時は有無を言わさず記述します。
この講座では、まず、書くべきものだと認識すべし。

タグの説明
<HTML> </HTML>
左を開始タグ、右側はスラッシュで始まっています、これを終了タグといいます。
基本的に、開始タグと終了タグの中に、文章および別のタグを記述していきます。

<HTML></HTML>
このタグは、HTML 文章の中に一つだけ一番外側に必ず存在しないといけません。

HTML は、まず大きく二つのパートに分かれます。
<HEAD></HEAD>　文章のヘッダ
<BODY></BODY>　文章の本体
です。

<HTML>
　<HEAD></HEAD>
　<BODY></BODY>
</HTML>

・ヘッダ部
<HEAD>タグには、<TITLE>と<META>タグが含まれています。

<HEAD>
　<TITLE></TITLE>
　<META></META>
</HEAD>

<TITLE>タグ
ブラウザの一番上のタイトルバー(Windowの青い部分)に表示される文字です。

<META HTTP-EQUIV="Content-Type"
　　CONTENT="text/html; CHARSET=Shift_JIS">
このタグは、Shift_JIS コードで HTML 文章を記述した場合は書いておいた方が無難です。

・ボディ部
<BODY>
　Hello HTML! 
　はろ～ＨＴＭＬ
</BODY>

<BODY>の中に、本文を記述します。

は段落を表します。を書いている時と書かない場合でブラウザ上ではどう表示が変わるのか確認してみてください。
記述時は、一行空白があってその下に Hello HTML! と表示されるはずです。

 は改行を表します。 がある時は、２行に分かれて表示されていますが、
 が無い場合は一行に繋がって表示されます。

最後に、HTML 4.01 に沿っているかチェックします。
W3C の validator の FileUpload でチェックするとよいでしょう。
チェックが通れば完了です。

To：Lufa