DOCTYPE は技術的にはタグではなく、ブラウザにロードされるファイルの種類を伝える宣言です。 このタグは、読み込まれる HTML のタイプをブラウザに伝えます。
….. タグは DOCTYPE タグの後に来ます。 このタグは、ドキュメントを Web ページとして定義します。 他のすべての要素は内部にネストされます。 HTML タグは、HTML ドキュメントの開始と終了を指定します。
タグなどがあります。
タグの構文は次のとおりです。
<body> Content </body>
HTML ドキュメントには最大 6 つの見出しタグを含めることができます。 各タグは、
、
、
、
、
、
の 1 から 6 までの数字で表されます。
H1 が最大の見出しタグで、H6 が最小です。
HTML ドキュメントでは、見出しタグは次のように表すことができます。
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
~
タグはタグで囲みます。
たとえば、
タグは次のように囲まれます。
<body>
<h1> This is heading 1 >/h1>
</body>
または単に段落タグは、コンテンツを段落に構造化する場合に使用されます。 コード エディターで HTML ドキュメントの[入力]ボタンを押しても、新しい段落は作成されません。
複数の段落が必要な場合は、ドキュメントで複数の
タグを使用する必要があります。 段落タグは
タグで囲む必要があります。
段落タグの構文は次のとおりです。
<p> ….some content here….</p>
4 つの段落が必要な場合、コードは次のように構成されます。
<body>
<p>Content for first paragraph.</p>
<p>Content for the second paragraph.</p>
<p>Content for the fourth paragraph.</p>
</body>
または単に太字のタグは、開始 と終了 の間のコンテンツを太字としてフォーマットします。
太字タグは、H1 などの見出しの間、または段落タグ内に配置することもできます。
これらは太字タグの例です。
<b> Bold Tag </b>
「Bold Tag」というフレーズは太字で表示されます。
<h1> Keeping it cool, <b> Fifth edition </b>, the winners edition </h1>
第 5 版は太字になります。
で示される斜体タグは、タグ内のテキストを斜体にします。
たとえば、
<i> These are italics </i>
「these are italics」という単語は斜体で表示されます。
下線タグ () は、HTML ドキュメント内の特定のテキストに下線を引きたい場合に使用します。
たとえば、次の場合。
<u> underline these words </u>
タグ間のフレーズには下線が引かれます。
<センター> センター>
Center タグ
は、HTML ドキュメントのコンテンツを中央に配置するために使用されます。
たとえば、
HTML でのコンテンツのセンタリング
と記述された h2 タグがある場合、次のようにセンタリングできます。
<center>
<h2> Centering Content in HTML </h2>
</center>
<スパン>スパン>
Span タグ は、既定のスタイルを持たない一般的なインライン コンテナーです。 span タグを使用して、スタイルを設定するテキストをグループ化できます。
見出しや段落など、他のタグ内にタグをまたがることができます。
<h2> Learn HTML <span> from experts </span> and be ready for the market </h2>
<p> Learn HTML <span> from experts </span> and be ready for the market </p>
分割タグ (省略形は div) は、HTML ドキュメント内のさまざまなタグをグループ化できるタグです。
CSS を使用して外部スタイルを追加するために、div タグに「クラス」を指定できます。
これは、h1、h2、および段落タグを囲む div がどのように表現されるかです。
<div >
<h1> Learn HTML </h1>
<h2> HTML Tags </h2>
<p> HTML is a markup language……… </p>
</div>
強調または タグは、HTML ドキュメント内の特定の単語を強調するために使用されます。
タグの間のコンテンツは、斜めまたは斜体で表示されます。
段落内の強調されたコンテンツは、コード エディターで次のように表示できます。
<p> The meeting will start at <em> 0800 hrs </em>, please keep time </p>
または上付き文字タグを使用すると、囲まれたテキストを残りの上に置くことができます。 完璧な例は、数値 X を 2 乗し、それを数学的に表現して X2 を求める場合です。
段落タグ内の の構文は次のようになります。
<H1> Harveys <sup>TM </sup> Company Limited </H1>
<サブ>サブ>
下付きまたは タグは、上付きタグの反対です。 タグで囲まれたコンテンツは、通常のテキスト行の下に表示されます。 完璧な例は、水の化学式を H2O と書く場合です。
下付きタグの構文は次のとおりです。
Remember that H <sub> 2 </sub> 0 is the chemical formula for water
は、区切りを表す自己終了タグです。
の後のすべてのコンテンツは新しい行で始まります。
段落内の
の構文は次のようになります。
<p> HTML is the abbreviation of Hypertext Markup Language <br>
There has been an ongoing debate as to whether it is a programming language or not <br>
However, we cannot downplay its importance <br>
HTML has been used in more than 95% of websites today </p>
と
-
順序付きリスト タグまたは
は、
- などの別のタグと一緒に使用する必要があります。
この 2 つは、コード エディターで次のように表示できます。
<ol>
<li> Asia </li>
<li> Africa </li>
<li> Europe </li>
</ol>
ブラウザでレンダリングすると、コンテンツに番号が付けられて表示されます。

視覚的に魅力的な画像やロゴを追加することもできます。 このような場合、自己終了イメージ タグ
が役立ちます。
イメージタグの構文は次のとおりです。
<img src=“https://cdn.pixabay.com/photo/2015/08/19/15/44/seo-896175_960_720.png”/>
引用符で囲まれた内容は、ソース URL を表します。
まとめ
100 以上の HTML タグが存在しますが、上記は初心者として知っておくべきタグです。 HTML はほとんどのコード エディターでサポートされているため、学習を開始しても間違いはありません。