#htmlの基礎
自分用に最低限をまとめました。
##参考文献
HTML入門
初心者向けHTML入門:書き方の基本とタグの使い方
HTMLの基本を学ぼう! | HTML 入門 | レッスン | CreatorQuest
##HTMLとは
Hyper Text Markup Languageの略でWebページの文章などに使われるコンピュータ言語である。ただし、プログラミング言語ではない。Webページ全体の構造を表す。CSSファイルとJavaScriptファイルをつなぐ役割も果たす。
##用語
タグ(要素)
カッコのこと
<開始タグ名>
</終了タグ名>
属性・属性値
属性はタグ内のスペースの後に書かれているもの
ここではtextはbody要素の属性である
属性値は"で囲まれているもの
ここでは文字色
<body text="文字色">
##基本的な形
VSCodeではhtml:5でインテリジェンスで表示できるため、順序などについては覚える必要はない
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
以下説明
<html>~</html>
htmlの文章であることを示す
これより外には書かない
<head>~</head>
大まかなWebページの情報を書く
基本的にここに書いたことは実際には表示されない
<title>~</title>
ページのタイトルとなる
お気に入りに保存する場合などに表示される
ちなみに、ない場合はURLのままになる。
<body>~</body>
実際にブラウザの中に表示させる内容を書く
余談
HTMLは大文字で書いても小文字で書いても良い
属性は複数指定でき、その場合はスペースで区切って指定