見出し画像

そもそもHTMLとは?初心者向けにやさしく解説

HTMLとは、Webサイトの骨組みを作るための言語です。この記事では、HTMLの基本構造(head・bodyの役割)を、初心者向けにやさしく解説します。

HTMLは略語
フルネームは頭文字をとって

$${\Huge H}$$yper $${\Huge T}$$ext  $${\Huge M}$$arkup  $${\Huge L}$$anguage
(ハイパー テキスト マークアップ ラングエッジ)

と言います
ブラウザの「ソース表示」させると

<html lang="ja">
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1">
 <meta charset="UTF-8" /> 
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<body>
(略)

みたいなやつです

このHTMLは図にするとこんな感じです

全体枠は<html>〜</html>で囲まれてます

その中に<head>〜</head>の領域(文字通り「頭」)があり、その下に<body>〜</body>の領域(文字通り「体」)があります

<head>の領域は主にスタイシートやJavascriptなどプログラミングファイルを読み込ませるエリア

<body>のエリアは表示したい画像やテキストを書く場所になります

HTMLで書くことで、皆さんが使っているブラウザ上で表示できるようになります。

ファイルは「.html」という拡張子のファイルになります。


いいなと思ったら応援しよう!