![見出し画像](https://assets.st-note.com/production/uploads/images/36799738/rectangle_large_type_2_ce9b0bf560aedecc25fa1e0ed3215994.png?width=800)
【HTML】ブロックレベルとインラインについてまとめ。
ブロックレベル性質
文章を構成する基本となる
ex) 見出し、段落、表
性質
・コンテンツのかたまりをマークアップ
・幅や高さの指定をしない限り、要素の幅は親要素の幅いっぱいになる
・ブロックレベル性質の要素のあとは改行される
<address>、<blockquote>、<center>、<div>、<dl>、<fieldset>、<form>、<h1>-<h6>、<hr>、<noframes>、<noscript>、<ol>、<p>、<pre>、<table>、<ul>
インライン性質
文章の一部として扱われる
ex)一部を強調したいときに使用する
性質
・文章中の一部をマークアップ
・幅や高さをCSSで指定できない
・インライン性質の要素の後は改行されない
・インライン性質の中にはブロックレベル性質を配置することはできない
<a>、<abbr>、<acronym>、<b>、<basefont>、<bdo>、<big>、<br>、<cite>、<code>、<dfn>、<em>、<font>、<i>、<img>、<input>、<kbd>、<label>、<q>、<s>、<samp>、<select>、<small>、<span>、<strike>、<strong>、<sub>、<sup>、<textarea>、<tt>、<u>、<var>
参照
**HTMLクイックリファレンス
**初心者からちゃんとしたプロになる HTML+CSS標準入門
この記事が気に入ったらサポートをしてみませんか?