ピアのパソコン学習ガイド
メニュー
できるようになる

HTMLとは|ホームページのしくみと、CSS・JavaScriptとのちがい

ピアのパソコン学習ガイド 編集部2026年11月13日 更新

先に結論

  • HTMLは、ホームページの中身と構造(見出し・文章・画像・リンク)を書くための書き方です。
  • 見た目(色・大きさ・並び方)はCSS、動き(ボタンを押したら何か起きる)はJavaScriptが受け持ちます。
  • メモ帳とブラウザだけで、今日から試せます(HTML入門)。

タグのしくみ

<h1>パソコン教室のお知らせ</h1>
<p>12月から土曜日も開いています。</p>
<a href="https://example.com">くわしくはこちら</a>

<h1>〜</h1> のように、文字をタグではさむと、「ここは見出し」「ここは段落」とブラウザに伝わります。

HTML・CSS・JavaScriptの役割

受け持ちたとえると
HTML中身と構造家の柱と部屋
CSS見た目壁紙・家具の配置
JavaScript動き電気・スイッチ

よく使うタグ

タグ意味
h1〜h6見出し
p段落
aリンク
img画像
ul・li箇条書き
table表

HTMLは厳密には「プログラミング言語」ではなく「マークアップ言語」と呼ばれます。でも、ホームページ作りの最初の一歩としていちばんはじめやすいです。

ほかのプログラミングのページ

HTMLとは何ですか?

ホームページの中身と構造(見出し・文章・画像・リンク)を書くための書き方です。

HTMLとCSSのちがいは?

HTMLは中身と構造、CSSは見た目(色・大きさ・並び方)を受け持ちます。

プログラミングの関連ページ

ほかの3ページも見る

このページについて

料金・試験・版の情報は、2026年11月13日に公式のページや報道・解説記事で確かめた範囲で書いています。変わることがあるので、使う前・申し込む前に公式のページで確かめてください。このサイトは紹介しているサービスの会社とは関係ありません。運営者情報

参考にした資料: