はじめに
こんにちは。プログラミング学習中の大学生です。
今回は、HTMLの学習がひと段落したので、まとめておこうと考え書いています。
HTMLとは
・正式名称：HyperText Markup Language
・ウェブページの構造を定義し、テキスト、画像、リンクなどを配置して表示するために使用される。
HTML要素
HTMLは、標準化された要素を組み合わせて書く。
要素は「タグ」を使って作成する。
ここでは、一部抜粋して紹介する。
「タグ」とは
・<>や、</>のことを指す。
・<>を開始タグ、</>を終了タグという。
・ほとんどの要素（全てではない）は、開始タグと終了タグで構成される。
このタグで要素を囲み、要素を作成する。
<p>:段落要素
この要素は、テキストの段落を表す。
HTMLの段落は画像やフォーム欄などの関連するコンテンツを構造的にまとめることができる。
<p>
ここにテキストや、段落としてまとめたいコンテンツを書く。
</p>
また、この要素はブロックレベル要素である。
<h1>-<h6>見出し要素
HTMLの見出し要素は、セクションの見出しを6段階で表す。
数字が大きくなればなるほど「大見出し＞中見出し＞小見出し」と見出しが小さくなっていく。
<h1>大見出し</h1>
<h2>中見出し</h2>
<h3>小見出し</h3
HTMLスケルトン
HTMLには、はじめに書かなければいけない言わばお約束のようなものがあり、それがHTMLスケルトンである。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
これである。
vscodeであれば、「!」を入力しTabを押すことによって、呼び出せるので便利。
ただし、「lang」（言語設定）がenになっていたりと、場合に応じて変更をする必要がある。
<!DOCTYPE html>
HTMLドキュメントの先頭に記述される「DOCTYPE宣言」であり、HTML5のドキュメントであることをブラウザに伝えるためのものである。
<html>HTML文書/ルート要素
HTMLのルート(基点)であり、他の全ての要素はこの要素の中に配置しなければならない。
この中に配置できるのは、ひとつの<head>要素と、それに続くひとつの<body>要素である。
<head>文書メタデータ(ヘッダー)要素
この要素の中には、文書自体の情報(タイトルなど)を含む。
<body>文書の本文要素
HTMLのコンテンツを示す要素。
<body>要素は文書中にひとつだけ配置できる。