このページについて
このサンプルページは、HTMLの基本的な構造とよく使うタグをまとめたものです。
以下の要素が含まれています。
- 見出しタグ(
h1~h3) - 段落(
p) - リンク(
a) - リスト(
ul),(ol) - 表(
table) - フォーム(
form)
写経するときは、インデント(字下げ)やスペース、改行の位置にも気を配ると、読みやすいコードを書く練習になります。
リストの例
順不同リスト(ul)
Webページの基本ステップ:
- ファイルを作成する(例:
index.html) html、head、bodyタグを書く- 見出しや文章を追加する
- ブラウザで表示を確認する
番号付きリスト(ol)
HTMLを学ぶときのおすすめ順序:
- ページの基本構造を理解する
- テキストとリンクの書き方を覚える
- リスト・表・画像などを使ってみる
- フォームやレイアウトに挑戦する
表(table)の例
HTMLタグのごく一部を表にまとめています。
| タグ | 読み方 | 役割 |
|---|---|---|
<h1> |
エイチ・ワン | ページで一番重要な見出し |
<p> |
ピー | 段落(パラグラフ)を表す |
<a> |
アンカー | リンクを作成する |
<img> |
イメージ | 画像を表示する |
フォームの例
お問い合わせのフォーム風のサンプルです。