HTMLのタグとは?役割と基本的な使い方を解説
HTMLにおける<html>タグは、HTMLページ(ドキュメント)全体のルート要素です。<head>や<body>をはじめとする、他のすべてのHTML要素を格納する最上位のコンテナとして機能します。
基本構文の例
それでは、<html>タグを使った具体的な実装例を見てみましょう。
<!DOCTYPE html>
<html>
<head>
<title>ここにドキュメントのタイトルが入ります</title>
</head>
<body>
<h1>
ここに見出しが入ります
</h1>
ここに本文コンテンツが入ります
</body>
</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>には表示用コンテンツを配置する
-
HTMLのembedタグとは?使い方と主な属性をわかりやすく解説
<embed>タグとは<embed>タグは、HTML文書の中に外部アプリケーションやプラグインコンテンツ(PDFファイル、動画、音声など)を埋め込むための要素です。開始タグのみで構成され、基本的に終了タグは不要です。<embed>タグで使用できる主な属性は以下の通りです。height:埋め込むコンテンツの高さをピクセル単位で指定します。src:埋め込む外部ファイルのアドレス(URL)を指定します。type:埋め込みコンテンツのメディアタイプ(MIMEタイプ)を指定します。例:「application/pdf」など。width:埋め込むコンテンツの幅をピクセル
-
HTMLの<dfn>タグとは?定義用語のマークアップ方法を実例付きで解説
HTMLの<dfn>タグは、専門用語や略語など「定義の対象となる語」が文書内で最初に登場する箇所を示すための要素です。多くのブラウザでは、<dfn>タグで囲まれた部分は斜体(イタリック体)で表示されます。 それでは、<dfn>タグの具体的な実装例を見ていきましょう。 コード例 <!DOCTYPE html> <html> <body> <h2>MCAの科目一覧</h2> <p><dfn title="Master of Computer Applications"