HTML 入門トップページ


目次

  1. ホームページ作成はじめの一歩
  2. HTMLの基礎
  3. 基礎的なタグをマスターしよう
    1. 段落を作る
    2. 改行する
    3. 見出しの設定
    4. 文字スタイルの変更(太字 | 斜体 | 文字サイズ | 文字の色 | フォント | 複数のスタイル)
    5. 箇条書き
    6. 表を配置する
    7. 画像を配置する
    8. リンクを設定する
    9. 特殊文字を表示する
  4. HTML 文書を検証してみよう
  5. スタイルシート
  6. フォームを使ってみよう
  7. 参考サイト

基礎的なタグをマスターしよう

見出しの設定

章や節などの見出しを設定するには <h1><h2> などのタグを使います.<h1> が第1レベル,<h2> が第2レベルで,<h6> の第6レベルまであります.見出しを使うと,太字のゴシック体になり文字サイズも大きくなります.

index.html(抜粋)
<h1>第1レベルの見出し</h1>
<h2>第2レベルの見出し</h2>
<p>ここには文章を書きます....</p>
<h2>第2レベルの見出し(2個目)</h2>
<p>ここは2個目の見出しに関する文章です....</p>

ブラウザでの表示結果

第1レベルの見出し

第2レベルの見出し

ここには文章を書きます....

第2レベルの見出し(2個目)

ここは2個目の見出しに関する文章です....

なお,<h1> タグは1ページに1回だけ使用することが望ましいとされています.そのページの見出しなどを記述するために利用するとよいでしょう.

また,Visual Studio Code では Emmet による省略形が利用できます.例えば h1{見出し} と入力して Tab または Enter を押すことで,<h1>見出し</h1> のように展開されます.