モグモグモグモグサイト名変更・お引越しのお知らせホームプログラミングWEBフロントエンドHTMLとは何かを解説2024年5月29日SHAREポストシェアはてブLINEWEBサイトやホームページを作るときに必須なHTMLについて解説していきます。簡単なチュートリアルも交えているので、手を動かしながら行うとイメージしやすいと思います。Languageの略で、ブラウザ上に文字や画像を表示するための言語です。正確にはプログラミング言語というよりも、マークアップ言語と呼ばれます。WEBサイトを作成するために作成されました。補足ブラウザとは、ユーザーが検索したWEBサイトを表示するソフトのことです。Edgeなどがあります。iPhoneを使っている人は馴染みのあるSafariもAppleが提供していて、ブラウザの一種です。HTMLを覗いてみようそれでは実際にHTMLはどういったものなのかをみてみましょう。ChromeでGoogleのページを検索し、右クリックを押すとページのソースを表示という項目が表示されるので、それをクリックします。すると、HTMLがこのように表示されます。これがHTMLの一部です。複雑なように見えますが、改行を加えたり、余計なものを除くとシンプルです。実際に作ってみようそれでは実際に簡単なHTMLを作成してみて、理解を深めていきましょう。sample.htmlというファイルを作成し、下のHTMLコードをコピーして貼り付けをします。</body></html>貼り付けをし保存をしたら、sample.htmlを開いてみましょう。ブラウザ上で文字が表示されることが確認できたと思います。こちらをGoogleの時と同様にページのソースを表示を押すと、コピーしたHTMLが表示されています。これだけでブラウザに表示することができます。続いてsample.htmlの内容を説明します。番号通り順番に説明していきます。html>HTML5を利用するというのを宣言するために書きます。いうのはバージョン5であるという意味です。(2020年5月現在)ブラウザによってバージョンに対応しているかが分かれるのですが、バージョン5はほとんどのメジャーなブラウザで対応しているのでバージョン5を使うのが基本となっています。HTMLはこのようにタグを用いて、構造化していきます。用いて閉じるまでがセットです。様々なHTMLタグがあるので、それらを定義することでHTMLが出来上がります。<title>ブラウザのタブやブックマークがされた際に表示されるサイトのタイトルです。charset="UTF-8">文字コードを指定する記述です。文字コードとは、コンピューター上で文字を扱うために文字や記号に割り当てられた固有の番号のことです。コンピューターは文字も数字で表現する必要があるため割り当てが必要になっています。UTF-8の他にもJISやShift_JISなど様々な文字コードが存在します。<body>コンテンツの中身を記述するタグです。<body>の中にコンテンツを記述していきます。<h1>見出しを表します。新聞や本に見出しがありますよね。それと同じように見出しを表現したい場合に利用するタグです。<h2>から</h6>まであります。<p>段落を表します。このようにHTMLは、HTMLタグを使って構造化していくことで出来上がっていきます。HTML5のタグはこちらのようなサイトで一覧が見れるので、サイトの構造に合わせて組み合わせていくことになります。まとめHTMLについて理解できましたでしょうか?HTMLはWEBブラウザにWEBサイトを表示するために必須な言語です。理解して使えるようにしていきましょう。「下町(したまち)」って何(なに)?やさしい日本語で説明(せつ...次の記事CSSとは何かと基本を解説モグモグについてモグモグさんモグモグは世の中のあれこれを、わかりやすく丁寧に解説をしたり紹介をするメディアです。特定のテーマの専門家・プロ・経験者が丁寧に記事を作っています。