【初心者向け】30日間でWebサイト作成チャレンジ｜4日目：HTMLの見出し・段落・リンクの使い方

見出しに使われるタグは主にh1タグです。

このタグはそのページがどんなページかを表したい時に使用されます。

この記事ページでいうなら、「【初心者向け】30日間でWebサイト作成チャレンジ｜4日目：HTMLの見出し・段落・リンクの使い方」と書かれている部分がh1タグで囲まれています。

このページのタイトルであるからです

しかしh1タグだけではありません。

以下の例をご覧ください

              
<h1>h1タグです</h1>
<h2>h2タグです</h2>
<h3>h3タグです</h3>
<h4>h4タグです</h4>
<h5>h5タグです</h5>
<h6>h6タグです</h6>
              
            

上記のコードはページ上では以下のように表示されます。

h1タグは優先度が高く、h6タグが優先度が低いです。

これらを使ってそのwebページの見出しを作って行くのが基本となります。

では次に段落に使用されるタグの使い方についてご紹介いたします。 段落に使用されるタグは主にpタグです。 HTMLコードは以下のように書きます。

                
<p>こんにちは</p>
                
              

web上での見た目は以下のようになっています。

つまりページの文章となる部分はpタグ内に書くのが基本となります。

aタグを使用すると別のページに移動することができます。

例えばWebサイトの画面遷移、つまりページ間の移動は主にaタグが使用されています。

以下のコードをご覧ください

                
<a href="https://y-develo.com">YamaDev Blog</a>
                
              

このコードの実行結果がこちらです

以上が見出しと段落とリンクの作り方でした。

少しずつできることが増えていっています。

30日間という日数を設定しているため、無理なくステップを踏むことができるのがこのチャレンジの良い点です。

では5日目も継続して頑張りましょう！

継続は力なりです！！

関連記事

【初心者向け】30日間でWebサイト作成チャレンジ｜5日目：HTMLの画像とリストの使い方

2026/04/13

5日目です！過去の記事については以下からご覧ください。 【初心者向け】30日間でWebサイト作成チャレンジ｜1日目：まず学ぶべき基礎知識 【初心者向け】30日間でWebサイト作成チャレンジ｜...