技術用語

HTML

エイチティーエムエル

HyperText Markup Language の略。Web ページの骨格を作るマークアップ言語です。

体験区分：少しだけ触った推奨読者レベル：Level 2

テキストや画像・リンクを「タグ（tag）」で囲み、ページの構造を定義します。`<h1>` で見出し、`<p>` で段落を意味し、ブラウザがその構造を表示します。

AI にランディングページを依頼すると出力に HTML ファイルが含まれます。VS Code でも `.html` ファイルとして目にします。

構造図

2026.04·ready

「この HTML の `<div>` タグ、CSS でスタイルを当てたいのですが構造として合っていますか？」

HTMLの見方

275

この用語の見どころ

役割

Web ページの骨格を作るマークアップ言語で、CSS・JS の土台です。

うれしさ

タグで囲むだけで構造の意味が決まり、AI への指示が通りやすくなります。

注意点

HTML だけでは見た目を整えられず、スタイルは CSS に任せます。

どこで役立つか

AI が返した HTML の構造を読む場面で役立ちます。

はじめに

`<html>` `<head>` `<body>` の 3 タグと `<h1>` `<p>` が出発点です。

深掘り先

CSS（F-5）、JavaScript（F-1）、DOM（F-160）。

非エンジニアのつまずき

私のコメント

開発フローでの位置

構造の指示

→

ブラウザ確認

→

CSS 追加

→

JavaScript 追加

→

修正・再依頼