はじめに
【HTML(HyperText Markup Language)】
(ハイパーテキスト・マークアップ・ランゲージ)を
記載する上で、最低限必要そうなことを、まとめました。
①HTMLの基本構成
以下の4つが基本的な構成となります。
1・・・ DOCTYPE宣言(ドックタイプ 宣言)
HTML文書の仕様、バージョンタイプを記載
2・・・ htmlタグ (エッチティーエムエル タグ)
HTML文書であることを示すタグを記載
3・・・ headタグ(ヘッダ タグ)
HTML文書全体に関する指定などを記載
4・・・ bodyタグ(ボディー タグ)
HTML文書の内容(見える部分)を記載
なお、HTMLのタグには、「<>」開始タグと「</>」終了があり、基本は内容を間に記載
ページ全体の記載例 ↓
<html> ・・・ 開始タグで始まりを記載
<!DOCTYPE html>
<head>
<title>サイトのタイトル </title> ・・・開始タグと終了タグで挟んで記載
</head>
<body>
~サイトの内容を記載~
</body>
</html> ・・・ 終了タグで終了を記載
Document Type Definitionの略
(読:ドキュメント・タイプ・デフィニション)⇒ スキーマ言語のひとつ
HTMLのバージョンより記載方法が異なる
・HTML4.01(詳細は異なる場合がある)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
・HTML5以降のバージョン
<!DOCTYPE html>
「htmlタグ」
文書がHTMLであることを示すために、最初と最後に記載する。
「headタグ」
ブラウザに向けた情報等を記載する。
例
metaタグ 「ページに関する情報を表す」
<meta charset=UTF8">
・・・文字のエンコードと呼ばれる、数値を文字に変換するタイプを指定
titleタグ 「ページのタイトルを表す」
<title>パソコンで出来ることLINK!!</title>
linkタグ 「linkタグとは「そのページ」と「別のファイルやページ」を関連づける」
<link rel="stylesheet" type="text/css" href="body.css">
・・・外部スタイルシート外部スタイルシート(CSS)を読み込む、body.css ファイルを指定
<link rel="shortcut icon" href="favicon.ico">
・・・ファビコンと呼ばれる、ブラウザのアドレスバーなどに表示されるアイコンを指定
「bodyタグ」
以下のような内容部分を記載する。
・hタグ(見出しの作成)
hタグは、小見出しを作るタグです。
hタグの種類は、h1からh6まで6種類あり、数字が小さいほど大きな見出しを示します。
・brタグ(改行)
HTMLでは、改行する際はbrタグを使います。
・tableタグ(表の作成)
tableタグは、「表を作る」タグです。tableタグは、trタグやtdタグ、thタグとともに使います。
参考文献
HTML関連情報サイト様
https://www.tohoho-web.com/www.htm
https://wa3.i-3-i.info/index.html
https://www.tagindex.com/
https://creatorquest.jp/reference/html/element/
https://www.htmq.com/html/
https://developer.mozilla.org/ja/docs/Learn/Getting_started_with_the_web