HTMLブロック

HTML <div> と <span>

HTML は <div> と <span> を使用して要素を結合できます。

HTML ブロック要素

ほとんどの HTML 要素は、ブロックレベル要素またはインライン要素として定義されます。

ブロックレベルの要素は、ブラウザーで表示されるとき、通常、新しい行で始まり (そして終わり) ます。

例: <h1>、<p>、<ul>、<table>

HTML インライン要素

インライン要素は通常、表示時に新しい行で始まりません。

例: <b>、<td>、<a>、<img>

HTML <div> 要素

HTML <div> 要素は、ブロックレベルの要素です。他の HTML 要素を組み合わせるためのコンテナーが利用可能です。

要素には特別な意味はありません。また、ブロックレベルの要素であるため、ブラウザでは前後に改行が表示されます。

CSS で使用すると、<div> 要素を使用して、コンテンツの大きなブロックにスタイル属性を設定できます。

<div> 要素のもう 1 つの一般的な使用法は、ドキュメントのレイアウトです。これは、テーブルを使用してレイアウトを定義する昔ながらの方法に代わるものです。ドキュメントのレイアウトに <table> 要素を使用することは、テーブルの正しい使用法ではありません。 <table> 要素は表形式のデータを表示するために使用されます。

HTML <span> 要素

HTML <span> 要素は、テキストのコンテナとして使用できます

<span> 要素にも特別な意味はありません。

CSS と併用すると、<span> 要素を使用してテキストの一部にスタイル属性を設定できます。

りー


学び続ける
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> </head> <body> <div> <p>标题</p> <span> 内容 </span> </div> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜