HTMLとは|ホームページのしくみと、CSS・JavaScriptとのちがい
先に結論
- 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は厳密には「プログラミング言語」ではなく「マークアップ言語」と呼ばれます。でも、ホームページ作りの最初の一歩としていちばんはじめやすいです。
ほかのプログラミングのページ
- 初心者の始め方何から始めるか
- プログラミングの独学続けるコツ
- 無料で学べるサイトProgate・paizaなど
- プログラミング言語の種類何に使うかで選ぶ
- Pythonとはできること
- Python入門最初の1行から
- HTML入門メモ帳で作る
- JavaScript入門動きをつける
- SQL入門データを取り出す
- Scratch(スクラッチ)子どもの入門
- Google Apps Script入門スプレッドシートを自動化
- プログラミングスクール選び方と給付金
- プログラミング教室(子ども)選び方
- プログラミングの資格一覧と選び方
HTMLとは何ですか?
ホームページの中身と構造(見出し・文章・画像・リンク)を書くための書き方です。
HTMLとCSSのちがいは?
HTMLは中身と構造、CSSは見た目(色・大きさ・並び方)を受け持ちます。
プログラミングの関連ページ
- プログラミングとは(まとめ)
- Python入門
- HTML入門
- Pythonとは
- JavaScript入門
- プログラミング言語の種類
- SQL入門
- 無料で学べるサイト
- Scratch(スクラッチ)
- プログラミングの独学
- Google Apps Script入門
- 初心者の始め方
ほかの3ページも見る
このページについて
料金・試験・版の情報は、2026年11月13日に公式のページや報道・解説記事で確かめた範囲で書いています。変わることがあるので、使う前・申し込む前に公式のページで確かめてください。このサイトは紹介しているサービスの会社とは関係ありません。運営者情報
参考にした資料: