HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLのタグとは?役割と基本的な使い方を解説

HTMLにおける<html>タグは、HTMLページ(ドキュメント)全体のルート要素です。<head>や<body>をはじめとする、他のすべてのHTML要素を格納する最上位のコンテナとして機能します。

基本構文の例

それでは、<html>タグを使った具体的な実装例を見てみましょう。

<!DOCTYPE html>
<html>
<head>
<title>ここにドキュメントのタイトルが入ります</title>
</head>
<body>
<h1>
    ここに見出しが入ります
</h1>
    ここに本文コンテンツが入ります
</body>
</html>

出力結果

HTMLの html タグとは?役割と基本的な使い方を解説

コードの解説

上記の例では、まず最初にDOCTYPE宣言を行っています。これにより、ブラウザがこのドキュメントを標準準拠モードでHTML5として解釈できるようになります。

<!DOCTYPE html>

続いて、<html>タグがドキュメントのルートとして配置され、その内部に<head>要素などが含まれます。<head>内には、ページのタイトルやメタ情報を記述します。

<html>
<head>
<title>ここにドキュメントのタイトルが入ります</title>
</head>

次に、<body>タグを使用して、画面に表示される実際のコンテンツを定義します。見出しや段落などの可視要素はすべてこの中に記述します。

<body>
<h1>

ここに見出しが入ります
</h1>
ここに本文コンテンツが入ります

最後に</body>でボディ部分を閉じ、</html>の終了タグによってHTMLドキュメントが完了します。

</body>
</html>

ポイントまとめ

  • <html>タグはHTMLドキュメントのルート要素であり、必ず1つだけ存在する
  • lang属性を指定することで、ドキュメントの言語を明示できる(例:<html lang="ja">)
  • <!DOCTYPE html>宣言は<html>タグの前に記述する
  • <head>にはメタ情報、<body>には表示用コンテンツを配置する
  1. HTMLのembedタグとは?使い方と主な属性をわかりやすく解説

    <embed>タグとは<embed>タグは、HTML文書の中に外部アプリケーションやプラグインコンテンツ(PDFファイル、動画、音声など)を埋め込むための要素です。開始タグのみで構成され、基本的に終了タグは不要です。<embed>タグで使用できる主な属性は以下の通りです。height:埋め込むコンテンツの高さをピクセル単位で指定します。src:埋め込む外部ファイルのアドレス(URL)を指定します。type:埋め込みコンテンツのメディアタイプ(MIMEタイプ)を指定します。例:「application/pdf」など。width:埋め込むコンテンツの幅をピクセル

  2. HTMLの<dfn>タグとは?定義用語のマークアップ方法を実例付きで解説

    HTMLの<dfn>タグは、専門用語や略語など「定義の対象となる語」が文書内で最初に登場する箇所を示すための要素です。多くのブラウザでは、<dfn>タグで囲まれた部分は斜体(イタリック体)で表示されます。 それでは、<dfn>タグの具体的な実装例を見ていきましょう。 コード例 <!DOCTYPE html> <html> <body> <h2>MCAの科目一覧</h2> <p><dfn title="Master of Computer Applications"