書式
とりあえず下
<タグ名 属性="属性値">コンテンツ</終了タグ>
<p class="hogehoge">hogehoge</p>
最初の<>が開始タグで</>が終了タグと申します.
階層関係
階層関係を理解していないと勉強するときお困りになるのでメモメモ
親子
パパママに子供が包まれている感じの関係です.
下の通りです.
<親要素>コンテンツ<子タグ>コンテンツ</子タグ></親要素>
<p>お山の<strong>翁</strong>ありにけり</P>
子孫
<祖先要素>
<子要素><子孫要素></子孫要素></子要素>
</祖先要素>
<div>
<p>永谷園の</p>
<p>麻婆<strong>春雨</storong></p>
</div>
上の例で言うとdivはstorongにとっての祖先要素です逆にstorongはdivから見ると子孫要素です.
ややこしや~
兄弟
同じ親要素をもつ要素同士を兄弟要素っていうらしいです.
ご覧ください
<親要素>
<子要素1></子要素1>
<子要素2></子要素2>
</親要素>
子要素1と2が兄弟です.
インライン要素とブロックレベル要素
インライン要素
インライン要素 < a >、< span >、< button >、< input >、< img >など
インライン要素は横方向に配置される。
親要素の幅(もしくはページ幅)に到達すると改行され,また行の先頭から追加されていく。
ブロックレベル要素
ブロックレベル要素 < h1 >、< p >、< div >、< ol >、< ul >など
矩形としての領域を確保し,縦方向に追加されていく。
注意点
ページをレイアウトするときは,まずブロックレベル要素を使って大まかなレイアウトを整え,その中にインライン素 を流し込んでいく。
また,インライン要素とブロックレベル要素を混同しないようにする。
インライン要素に高さを指定しても無視されるし,ブロックレベル要素に高さを指定するとむ
とりあえずこんなところで失礼します.