ブロック要素とインライン要素を学ぼう

知識課題

知識課題１

• ブロックレベル要素の特性とその表示形式について説明し、その特徴を詳細に記述してください。
• インライン要素の特性を説明し、どのように表示されるかを具体的に記述してください。
• ブロックレベル要素とインライン要素の違いを、具体的な例を交えて説明してください。

知識課題２

• 以下のHTMLタグについて、それぞれの目的と使用シーンを具体的な例を挙げて説明してください。
  • <div>
  • <span>

実践課題

• style属性を追加して、ブロックレベル要素とインライン要素の表示の違いを視覚的に示してください。
  • 例えば、ブロック要素に背景色を設定し、インライン要素にはテキスト色や下線スタイルを設定することで、その違いが視覚的にわかるようにします。