<!DOCTYPE html> <html lang="ja"> <head> <meta charset=UTF-8"> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="top/smain.css"> <meta name="keywords" content="HTML基礎,初めてのHTML,等などを書く"> <meta name="description" content="HTMLの解説"> <title>初めてのHTML</title> </head> <body> 大見出し なにかかいて 何か書いて </body> </html> ]]></math></code></pre> </div> <br> <h3>文字化けを防ぐ</h3> タグは大きくヘッドタグと、ボディタグに分かれます<br> <table border="1"> <tbody> <tr> <td bgcolor="#ffff80"><html></td> <td></td> <td></td> </tr> <tr> <td rowspan="6" bgcolor="#ffff80"></td> <td bgcolor="#80ffff"><head></td> <td></td> </tr> <tr> <td bgcolor="#80ffff"></td> <td bgcolor="#80ffff">ブラウザに必要なことなどを<br> ヘッドタグの間に書く<br> <meta>タグなど</td> </tr> <tr> <td bgcolor="#80ffff"></head></td> <td></td> </tr> <tr> <td bgcolor="#80ff80"><body></td> <td></td> </tr> <tr> <td bgcolor="#80ff80"></td> <td bgcolor="#80ff80">文字、文章。写真など<br> 読者に伝えることを書く<br> <br> <h1> など</td> </tr> <tr> <td bgcolor="#80ff80">,/body></td> <td></td> </tr> <tr> <td bgcolor="#ffff80"></html></td> <td></td> <td></td> </tr> </tbody> </table> <br> ヘッドタグの中に<meta>タグがあります。<br> このタグには終了タグ</meta>はありません。<br> これはブラウザなどにいろいろ伝えるためのタグです<br> ブラウザなどはこれを参考にしています。<br> まず<br> <h3><meta charset=UTF-8"></h3> <br> これは、書いている文字コードはUTF－８だと言う意味です。<br> 日本語コードには、シフトJISとかJISコードとかいろいろあります。<br> 文字を数字で指定しているのです。同じ文字でも、文字コードごと数字が違っている。<br> そこで、文字コードを指定しないと、ブラウザはどの文字コードを使うかわからなくて、文字化けします。<br> 文字コードは、作る会社や国によってバラバラで互換性はありませんでした。<br> それを統一しようとしたのがUNIコードです。<br> UTF-8 というのは、UNIコードの１種類です。<br> ウィキペディアによると<br> 「Unicode は世界で使われる全ての文字を共通の文字集合にて利用できるようにしようという考えで作られ、Unix、Windows、macOS、Java などで利用されている。現代の文字だけでなく古代の文字や歴史的な文字、数学記号、絵文字なども含む」そうです。<br> PHPもこれで書かないと文字化けします。<br> ということで、現在作成されている日本語のHTMLの多くはUTF－８で書かれています。<br> そして、ブラケットはUTF-8しか扱えません。<br> 文字は、現在（２０２０）は UTF-8 で書くのが一番良いのです。これは utf-8 と小文字で書いてもかまいません。<br> <h3>ビューポート キーワード ディスクリプション タイトル</h3> <br> <meta name="viewport" content="width=device-width"><br> ○ビューポートは、画面の大きさが変わったときに大きさを変える指定です。<br> <link rel="stylesheet" href="top/smain.css"><br> ○これは、後にVSSを書いたときに読み込むために書いておきます。<br> <meta name="keywords" content="HTML基礎,初めてのHTML,等などを書く"><br> ○キーワードは、グーグルやヤフーなどの検索サイトが,検索にキーワードに利用します。<br> <meta name="description" content="HTMLの解説"><br> ○ディスクリプションは、検索サイトが検索されたサイトの内容を表示するのに利用します。<br> <title>初めてのHTML</title><br> ○タイトルは、ブラウザの上のタグに書かれる内容です<br> これを書き換えると、ブラウザの表示が変わります。<br> タイトルを書き換えてみましょう。<img src="g1.jpg" width="300" height="170" border="0"><br> <br> <a class="button2" href="a1.html">次へ進む</a> <script type="text/javascript" src="https://www.morinogakko.com/classroom/js2/kanso.js?p=(new Date()).getTime()"></script> <script type="text/javascript" src="https://www.morinogakko.com/classroom/js/script1_1.js?p=(new Date()).getTime()"></script> </div> <div id="nakakoukoku"> </div> </div> <!-- main終了 --> <div id="side"> </div> </body> </html>