HTML練習問題 セクション要素(nav、section、article、aside)

セクション要素(nav、section、article、aside)の理解を確認します。ドラッグ&ドロップでHTMLタグを正しい位置に配置してください。

0
進捗: 0/8

それぞれのコンテンツの意味を把握して適切なタグで囲んでください。

<ul>
  <li><a href="#about">自己紹介</a></li>
  <li><a href="#skills">スキル</a></li>
  <li><a href="#contact">連絡先</a></li>
</ul>
<main>
<h2>自己紹介</h2>
<p>はじめまして、山田太郎です。Webサイト制作を専門としています。</p>
<h2>最新情報</h2>
<h3>新しいポートフォリオサイトを公開しました</h3>
<p>2025年5月10日</p>
<p>この度、新しいデザインのポートフォリオサイトを公開しました。</p>
</main>
<h3>関連リンク</h3>
<ul>
  <li><a href="#">GitHub</a></li>
  <li><a href="#">Twitter</a></li>
  <li><a href="#">LinkedIn</a></li>
</ul>

利用可能なタグ

<nav>
</nav>
<section>
</section>
<article>
</article>
<aside>
</aside>

HTML

文書の構造を学ぶ。タグと要素の基礎から実践まで。

HTML基礎講座を見る
会員限定コンテンツ

ユーザー登録をすると、この練習問題の解答を確認できるようになります。

会員登録をするとこんなメリットがあります
解答の確認
練習問題の正解・解説を確認
進捗管理
学習履歴を記録・管理
新着通知
新しい教材をお知らせ
完全無料
登録料・月額料金なし
登録は1分で完了します