タグとは？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>

なにやら難しい文字がたくさんでてきましたね…

このコードの中で例えば

<head>のことをヘッドタグといいます。

<head>と</head>の2つをセットでタグといいます。

もう一つだけ例に出しますね。

<body>はボディータグです。

<body>と</body>でタグといいます。

<>が付いたらタグという言い方になるということですね。

正確に言うと

<body>は開始タグ、</body>は終了タグです。

開始と終了の違いは/があるかないかです。

開始と終了2つセットでタグということになります。

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>

先ほど紹介したこのタグたちは必ず使う！といったように少しずつ慣れていきましょう！

まとめ

ねこちゃん
ねこちゃん

タグって100個以上あるんだね！

みとり
みとり

いきなり全部使うことはないから身構える必要はないよ

タグを覚えるのはHTMLを学習するうえで必須といえますが、まずはどんなタグがあるのか？意味はなんなのか？を覚えていくといいと思います。

覚えるのは大変ですが頑張りましょう。

それではまた！

この記事を書いた人

ともひろ

記事一覧