HTML の概要

2663 ワード
テキストリンク
HTML はハイパーテキスト マークアップ ランゲージの略です. Web 上のコンテンツの構造を構成します.プログラミング言語のようにロジックを処理できないため、Ruby や Java のようなプログラミング言語ではありません.たとえば、if else 条件付きブロックを HTML に実装することはできません.

HTML は厳密には単なるマークアップ言語です. HTML ドキュメントは、そのコンテンツをラップするタグまたはマークアップ要素で構成されています.これらは通常、開始タグと終了タグで構成されますが、自己終了タグもあります. doctype宣言タグと呼ばれるドキュメントを定義するタグは、使用されているHTMLのタイプをWebブラウザに伝えるために、ドキュメントの上部に必要です.

HTML タグは、これらのタグの間のすべてが HTML マークアップであることをブラウザーに伝えるために使用されます. HTML ドキュメントに必要なその他の 2 つのタグは、head タグと body タグです. head タグには、HTML ドキュメント自体に関するデータであるメタデータが含まれており、Web ブラウザのその他の情報も含まれています.本文タグには、通常、ヘッダーや段落タグなどの他のタグを含むメイン コンテンツが含まれます.ヘッダーは h1 から h6 (最大から最小) の範囲で、テキストの表示方法を変更し、検索エンジンが Web ページの内容を判断できるようにします.タイトル タグは、通常、ページ コンテンツを説明するために使用される Web ページの上部タブに表示されるテキストを含むタグです.

<!DOCTYPE html>

<html>
  <head>

    <title>Webpage</title>
    <meta charset="UTF-8" />

  </head>
  <body>

  </body>
</html>


属性



HTML 属性は、リンクなどの要素や、幅や高さなどのプロパティに追加情報を提供するために使用されます.これらは、HTML 要素の開始タグに name="value" を使用して実装されます.name は属性名で、value は属性値です.

コメント



HTML コメントは、HTML ドキュメント内の役立つメモとして使用されます.それらは、他のコードでブラウザーにレンダリングされません. <!-- This is a comment -->.

画像とリスト



img タグと src 属性 <img src="image-url" alt="description of image"> を使用して、画像を Web ページに挿入できます.alt 属性は、画像を説明するために使用されます.これは、障害のあるユーザーや読み込みに問題がある画像に役立ちます. HTML リストには、もう 1 つの一般的なマークアップ要素があります.通常使用されるタイプは、順序なしリストと順序付きリストです.順序付けられていないリストには、箇条書きで表示されるリスト アイテム タグが含まれます.番号付きリストには、番号付きで表示されるリスト アイテム タグが含まれます.

<!-- Unordered Lists -->
<ul>
 <li></li>
 <li></li>
</ul>




<!-- Ordered Lists -->
<ol>
 <li></li>
 <li></li>
</ol>


結論



要約すると、HTML は Web ページと Web アプリを構築するために必要なツールであるため、Web 用に開発する必要があります.それは私たちのウェブサイトの構造を構成しています.
Nextjs のパス エイリアス
より良い VueJS 開発者になるための 10 のヒントとコツ