Languageの頭文字つまり「テキストに意味・表現・ウェブ機能を加えたり、構造化する為の言語、ルール」このHTMLで書いた命令文をブラウザが読み取り、指示通り正しく表示するだけなのです。HTMLには、数十種類のバージョンがありDOCTYPE(DTD)文書宣言で提示します。各HTMLバージョンにより記述するHTML文法やタグも多少違ったり、HTML、XHTMLの違いでもDTDが違うので当然、解釈や表現方法も異なります。CSS,javascript環境などもブラウザやクローラーに必要に応じて情報伝達します。自分の利用環境に合わせてコピーペーストで使いまわすと簡単です。文字化け防止や意図通りに表現する為に正しいHTML文法で記述しましょう。最初にDTD(DOCTYPE)を記述し(必要ならXML宣言)<html></html>の全体枠の中に<head>と<body>の2つの枠を作ります。閉じて、一対にします。html,head,bodyは、1ページ内に一対のみ。他のタグも基本的には、開始タグと終了タグがあります。開始タグと終了タグの間にコンテンツを入れ囲む。headの中は、titleやmetaなどの隠れた情報。bodyの中が、内容が表示される部分。body内には、更にdiv,table,h,p,ulなどで、内容となるコンテンツを割り当てます。XHTMLは、特定の部分を除き半角小文字で記述する決まりですが、HTMLは、特定の部分を除き大文字でも小文字でも良いのです。今の内に半角小文字に慣れるために小文字統一を推薦します。(DTD,id,colorなどで大文字の場合あり)HTMLバージョンのDOCTYPE(DTD)宣言HTMLの一行目には、HTMLバージョンのDOCTYPE(DTD)宣言を記述しHTMLのバージョンを宣言し、その仕様でのHTML文法を利用しなくてはいけません。「システム識別子」です。「公開識別子」と「システム識別子」の間で改行出来ますが、各識別子内での改行は出来ません。HTML参考書で「システム識別子」は削除しても良いと記されているので、何気なく「システム識別子」を削除していたらブラウザによってデザインの差異に苦労した経験があります・・・。解釈・表示が変わるので、デザインを重視する場合には、「システム識別子」を削除しない方が良いかもしれません。XHMLで削除するのは意味がないです。どちらかで解釈されます。DOCTYPEは、loose,strict,XHTMLにてHTML文法のルールが違ったり解釈・表現も違います。各バージョンや仕様で幅や線などの細かい表現が違います。ブラウザの解釈に任されています。大文字と小文字の違い。encoding="UTF-8"?>XML宣言は、HTMLなら不要です。XHTMLの一行目に記述。XHTML1.0でも1.1でも、XML宣言のバージョン値は、「1.0」。なってしまうので、削除されがちです。役立たずと言うか、この辺の問題が難しい所です。lang="ja">lang属性及びxml:lang属性は、当該要素の言語を指定する属性です。html要素として利用する場合が多く他言語を混合させる場合には、部分的に利用。言語を記述し、ブラウザや検索エンジンに伝えます。属性dir="ltr"は、lang属性があれば一般的には不要です。文字コードタイトル概要、キーワードCSS,javascript,linkなど</head><body></body></html>ヘッド(head)の文字通り「頭」の部分です。<html>の次行から<head>を記述します。多くのWEBサイトできちんと記述されています。CSS、javascriptを結ぶ場合のlinkは、必須になります。(META)ここ数年で文字コードの記述が多くなりました。Navigatorなどが代表的で「x-sjis」や「x-euc-jp」がその名残です。head内の最上部に記述する事。文字コードより上部の文字が文字化けする可能性がある。/>一般的なのは、シフトJISです。増加傾向なのが、UTFです。JAVAやFLASH、LinuxOS環境で標準になってきています。外国語、プログラム、DBも絡める場合は、昔からのUNIX系でEUCを好む業界人も多い。テキスト保存時の文字コードもこのMETAの文字コードと合わせる必要がある。各エディタによって保存形式の表示が微妙に違うようです。間にタイトルを記入します。ブラウザのタイトルバーに表示されたり「お気に入り」の登録名になったり検索結果のタイトルに表示されたり検索エンジンの最重要キーワードになります。短か過ぎず長過ぎず、各ページ毎に各タイトルを設定する事。タイトルを見てクリック(訪問)するユーザーが多いのでキーワードを絡めた魅力的で完結なタイトルにしましょう。各ページ毎に、そのページのテーマに合ったタイトルを設定します。タイトルの下の説明文になる事が多く、説明文を確認してからクリック(訪問)するユーザーが多いのでクリックされやすい魅力的な文章にしましょう。検索結果が本文から抜粋される。80全角から110全角程度で表示(80全角以内程度で記入)カテゴリ登録サイトなどは、カテゴリの登録内容が掲載される場合もある。/>で閉じる(半角スペースとスラッシュが必要)。name="keywords"を設定しないウェブサイトも多々ある。ページ内の重要単語を数個(1-10個以内)だけ、半角カンマで区切って記入。少ない方が、各ポイントが高い。先(左順)から優先順。無関係ワードや多すぎるのも危険。