💬

インライン要素について

2022/11/06に公開

【html初心者向け情報】

インライン要素について

これはブロック要素と関わりのあるものになります。
これらの言葉を一言でまとめると、

ブロック要素  ・・・ 行全体のまとまり
インライン要素 ・・・ 行の中の一部のまとまり

このようになります。

Aくんが、BくんとCくんとでひとまとまりのグループを作ったとします。
これをインライン要素とすると、
Aくん、Bくん、Cくんの所属するところは1年1組です。これをブロック要素と表すとわかりやすいとおもいます。

HTMLで定義されている要素は、 ブロック要素か、インライン要素に分類されます。 これにより、どの要素の内側にどの要素を配置できるかなどのルールが定められています。

基本的には、ブロック要素の中に他のブロック要素やインライン要素を配置する形でhtmlのコードを記述していきます。

ブロック要素で使用する主なタグは以下のものになります。
<div>、<form>、<h1>-<h6>、<ol>、<p>、<table>、<ul>

インライン要素で使用する主なタグ以下のものになります。
<a>、
、<img>、<span>、<strong>

ブロックレベル要素の中にインライン要素を配置する使用例

<p><strong>今日はいい天気だ。</strong></p>

Discussion