プログラミング

【プログラミング独学】HTML&CSS 12日目、レイアウト

プログラミング学習(HTML&CSS)をProgateで学習した内容を記録したものです

 

Progateでの学習と自分でリサーチしてわかったことをメモしています

 

今回はProgate演習12をやりました

 

 

レイアウト

WEBページのレイアウトは「ヘッダー」「メイン」「フッター」にわかれている

 

ヘッダー・・・ページ上部のメニュー

メイン・・・ページの主なコンテンツ

フッター・・・ページ下部のメニュー

レイアウトは<div>要素で構成される

<div>とはdivisionの略

 

要素をグループ化するために使用するものと覚えておこう

 

使い方

htmlにクラス名をつけて3つの<div>要素でレイアウトを分割する

 

index.html

①<div class=”header”></div>

②<div class=”main”></div>

③<div class=”footer”></div>

 

①ヘッダーの<div>要素

②メインの<div>要素

③フッターの<div>要素

 

覚えること

<div class=”クラス名”><div>

  

エディターの補完機能

入力するエディターには便利な補完機能がある

 

Progateの入力でもそうだが

 

divまで打ってTabキーを押すと</div>が自動で入力されるようになっている

 

タグ忘れがちな初心者にありがたい仕様 o(‘ー’o)♪

 

  

学習終わり

ブログランキングに参加中です。

応援よろしくお願いします。

ブログランキング・にほんブログ村へにほんブログ村

人気ブログランキング