HTMLとは何かを知り、タグと属性を見分けられるようになりましょう。
このレッスンを Kodokon で開くスマートフォンやパソコンでWebサイトを訪れるとき、あなたはブラウザ、つまりWebページを表示するプログラム（Chrome、Firefox、Safariなど）を使っています。何を表示すべきかを知るために、ブラウザはHTMLで書かれた文書を読み込みます。HTMLはHyperText Markup Languageの略です。これはプログラミング言語ではありません。何かを計算するわけではないからです。これは、それぞれのコンテンツが何であるかをブラウザに伝える記述言語です。「これは見出しだ」「これは段落だ」「これは画像だ」といった具合に。
コンテンツを記述するために、HTMLはタグを使います。タグとは、山かっこ < と > の間に置かれたキーワードのことです。ほとんどのタグはペアで機能します。<p> のような開始タグ、続いてコンテンツ、そしてスラッシュを前に付けた対応する終了タグ </p> です。「開始タグ + コンテンツ + 終了タグ」の全体を要素と呼びます。p という名前はparagraph（段落）を表します。
<p>Hello!</p>
<p>This is my first paragraph.</p>
<p>The text goes between the two tags.</p>タグは、属性と呼ばれる追加情報を持つことができます。属性は必ず開始タグの中に置かれ、終了タグには決して置かれません。name="value" の形で書きます。つまり、属性名、イコール記号、そして二重引用符で囲んだ値です。たとえば、lang 属性はコンテンツの言語を示し、id 属性は要素に一意な識別子を与えます。
<p lang="fr">Un paragraphe écrit en français.</p>
<p lang="en">A paragraph written in English.</p>
<p id="conclusion">A paragraph with an identifier.</p>