HTML チュートリアル > HTML 基礎知識 チュートリアル > HTML要素・タグ・属性とは?

HTMLドキュメントは、複数のHTML要素によって構成されています。そのHTML要素についての解説。

HTML要素・タグ・属性とは?

スポンサード リンク

HTMLドキュメントは、HTML要素で構成されたテキストファイルです。

HTML要素は、HTMLタグを使用することによって定義されます。

HTMLタグ

  • HTMLタグは、HTML要素のマークアップのために使用されます
  • HTMLタグは、<> の2つの記号によって囲まれます
  • HTMLタグは、通常<b>および</b>のようなペアで使われます
  • ペア中の始めのタグは開始タグ、後のタグは終了タグです
  • 開始タグと終了タグの間にあるテキストは要素内容です
  • HTMLタグは、大文字と小文字を区別しません。<b>と<B>は同じ意味になります

HTML要素

HTMLについて で使用した例を使って説明します。

<html>
<head>
<title>ページのタイトル</title>
</head>
<body>
初めてのホームページ。<b>これは太字です</b>
</body>
</html>

以下に示す部分は、1つのHTML要素です。

<b>これは太字です</b>

開始タグと共にHTML要素が始まります: <b>
HTML要素の内容: これは太字です
終了タグと共にHTML要素が終わります: </b>

<b>タグの目的は、太字として表示されるべきHTML要素を定義することです。

以下に示す部分も、1つのHTML要素です。

<body>
初めてのホームページ。<b>これは太字です</b>
</body>

このHTML要素は、開始タグ<body>で始まり、終了タグ</body>で終わります。

<body>タグの目的は、HTMLドキュメントの本体を含んでいるHTML要素を定義することです。

なぜ当サイトでは小文字のHTMLタグを使うのか?

始めに「HTMLタグは、大文字と小文字を区別しません」と示しました。あなたがネットサーフィンをしていると、HTMLを解説しているほとんどのサイトが、例の中などで大文字のHTMLタグを使用していることに気づくでしょう。当サイトでは常に小文字のHTMLタグを使用します。それはなぜか?

次世代HTMLへの準備をしたければ、小文字のHTMLタグを使用し始めるべきです。W3C (World Wide Web Consortium)は、HTML 4.01での小文字のHTMLタグ使用を推奨しています。また、XHTML(次世代HTML)は、小文字のHTMLタグの使用を要求します。

HTMLタグの属性

HTMLタグは、属性を持つことができます。属性は、HTML要素に関する追加情報を与えることができます。

HTMLページのbody要素を定義する<body>タグに、bgcolor属性を追加して、ページの背景色が赤であるとブラウザに伝えることができます。<body bgcolor="red">

HTMLテーブルを定義する<table>タグに、border属性を追加して、テーブルの境界線は無いとブラウザに伝えることができます。<table border="0">

属性は、常に<属性名="値">のように、属性名/値のペアになります。

属性は、HTML要素の開始タグに含むことができます。

引用符は、ダブルクォーテーション(") かシングルクォーテーション(')か?

属性の値は、常に引用符で囲まれるべきです。ダブルクォーテーション(")は最も一般的なものです。しかし、シングルクォーテーション(')も許可されます。

まれな状況で、属性の値自身に引用符が含まれている場合は、シングルクォーテーション(')が必要になります。

name="りんご '犬' オレンジ"

スポンサード リンク