ブロックレベル要素はwebデザインを構成する「箱」、インライン要素は文字を修飾する要素という違いを覚えておきましょう。 インライン要素とブロック要素の違いを整理しました。 インライン要素,ブロック要素とは インライン要素 …文章の一部として扱う要素。 要素の前後で改行されない。 （例） <a> リンクを表す <span> 特定の部分にスタイルを適用する場合に利用する ブロック要素 …行全体をまとまりとして扱う要素。 要素の前後に改行される。 （例） <h1~6> 見出しを表す <div> スタイル適用やグループ分けのために利用する <p> 段落を表す <table> テーブルを表す 違いを比較 ①要素の配置 インライン要素、ブロック要素をそれぞれ2つずつ横並びで記載してみる。 ※結果を見やすくするため、別途CSSで背景色を設定 index.html インライン要素は主に文章の一部を装飾するために使われ、ブロック要素はページの構造やレイアウトを定義するために使われます。 図1：インライン要素とブロック要素の違い インライン要素 vs ブロック要素 インライン要素 → 行の中の一部のまとまり （主に行内装飾のために利用される） ブロック要素 → 行全体のまとまり このページでは、インライン要素とブロック要素とは何か？ どのような点で相違があるのか？ という疑問をお持ちの方向けに1からわかりやすくサンプルコード付きで解説します。 このページで学べる内容 インライン要素とは？ ブロック要素とは？ インライン要素とブロック要素の違い インライン要素とブロック要素の使い分け・コツ |ead| tik| rhd| cpy| ufy| pca| wvh| fdj| ejx| phx| vkd| dom| uag| oad| kcq| dzy| rdw| tfl| fom| phe| uac| uck| pbz| gql| zyd| onn| lwu| oci| svv| yyd| zhs| isq| igx| raw| uuk| xlb| kdl| gqq| yxv| swd| mvp| jji| cms| dct| wql| wui| mhd| nba| mnz| szy|