勉強のため自分用のメモとして残しておきます。
基本的なことですが、最初は忘れやすいので、
私と同じようにHTMLを勉強している人は、ぜひ参考資料として使ってください。
HTMLの階層について
<!-- ここに文字を入力してね -->でブラウザに表示させずコメントを追加できる。
以下<!-- -->でそれぞれのタグの意味を記載しています。
<!-- !DOCTYPE htmlでhtmlで書きますよってことを宣言している -->
<!DOCTYPE html>
<html>
<!-- Webのデザインや装飾をする時はheadの中に書く -->
<head> </head>
<!-- 本文を書く時は、bodyの階層の中に書く -->
<body> </body>
</html>
タグの種類
ざっとタグの使い方をメモしておくよ。
<title></title>
下の画像の赤枠で、印をしたところのタイトルを変更できるタグ。
headタグの間に書く。
<h1></h1>
見出し。h1~h6まである。
見出し2を使いたい時は、h1をh2に変更しよう。
hの後の数字を変えるだけで、好きな大きさの見出しを使えるよ。
例）
文字を<strong>太く</strong>する
文字を太くする時は、strongタグ。
例）
<ins></ins>
下線を引きたい時に使う。Inserted。
例）
<em></em>
イタリック。emphasize、強調するという意味。
例）
<sup></sup>
上付き文字。superscripted
例）
<sub></sub>
下付き文字。subscripted
例）
<mark></mark>
マーカーを引きたい時。
例）
<hr>
まっすぐな線を引ける
例）
<p></p>
段落を作れる
<br>
文の途中で段落を作りたい時に使用できる。
役割としてはpタグと同様。
<del></del>
文字に線を引く。
例）
<div></div>
要素を作る時に
<a href>
リンクを作る