bodyの基礎 | 初心者でもわかりやすい/WEBデザイン勉強ノート

初心者でもわかりやすい/WEBデザイン勉強ノート

WEBデザイン勉強中、ひよっこWEBデザイナーの勉強ブログです。

レンタルサーバー「クイッカ」

サイト制作するならクイッカ がおススメですよ!!^^

初心者でもわかりやすい/WEBデザイン勉強ノート

さてさて、今日はbodyのお話です。




















前回の復習をしたいという方は、過去日記を見てくださいね!


初心者でもわかりやすい/WEBデザイン勉強ノート
<body>
<h1 タイトル・小見出しなど>
<a インライン要素>
<img 画像>
</a>
<h1>
</body>



< >で囲み< />で終わるのが基本というお話覚えているでしょうか?


ブロックレベル要素


h1~h6 見出し (アメブロでいう日記タイトルとか)
p 段落
リスト ulやol
表 table
フォーム form要素などがあります。


ブロックレベル要素はひとつの大きな塊のことです。


インライン要素

a アンカー
img 画像
strong 強調


インライン要素は大きな塊の内部です。


<Div>がわかれば大体大丈夫です。

divってなーに?

ページ内のコンテンツはヘッダー・ナビゲーション・メイン・サイド・フッターでわけられます。
このような範囲を示すために<div>タグでくくります。
またdiv要素にidを振り、「ここはこうゆう範囲」というここりをつけます。

つまりヘッダーを指定するには

<div id="header"></div>

と指定してあげます。
id以外にもclass指定の方法もあり、これは多数のタグにつけ同じ指定をしてあげることが
出来ます。

描き方は

<div id=" "></div>
<div class=" "></div>


という描き方をしてあげましょう。


OKですか??


サイト制作をするなら!





こちらの本もおススメです!


では!明日もお楽しみに^^


レンタルサーバー「クイッカ」