2020年8月の記事一覧
学習ログ〜お問い合わせフォームのレイアウト〜
本日の勉強1.お問い合わせフォームのレイアウト
1-1 inputとtextared
1-2 送信ボタン
1-3 value属性
1-4 複数のセレクタに同じCSSを指定する
1.お問い合わせフォームのレイアウト
1-1 inputとtextared
<input>
１行のテキスト入力を受け取るための要素
※終了タグ不要
<textared>
複数行のテキスト入力を受け取るための
学習ログ〜コンテンツ〜
本日の学習1.メインのレイアウト
1-1 mainの構造
1-2 文中の一部にCSSを適用させる
1-3 ブロック要素・インライン要素
2.コンテンツの構造
3.ボーダー
3-1 枠線をつける
4.内側の余白と外側の余白
4-1 padding&margin
4-2 ボックスモデル
4-3 maginまとめ
1.メインのレイアウト 1-1 mainの構造
①copy-cont
学習ログ〜フッター〜
本日の学習1.フッターの構造
1-1 フッターの枠組み
1-2 フッターのレイアウト
1-3 入れ子のセレクター
2.フッターのレイアウト
2-1 float: right
2-2 要素を左右に配置する
1.フッターの構造
1-1 フッターの枠組み
<div class="footer">
<div class="footer-logo">Progate</div>
学習ログ〜ヘッダー〜
本日の学習1.ヘッダーの構造
1-1 ヘッダーの枠組み
1-2 リスト先頭のマークを消す
2.ヘッダーレイアウト
3.余白の調整
3-1 padding: 値 ;
3-2 padding の使い分け
3-3 paddingのまとめ書き
1.ヘッダーの構造
1-1 ヘッダーの枠組み
ロゴの<div>要素とヘッダーリスト<div>要素でグループ化する
<div class="head
学習ログ〜HTMLの&レイアウト〜
本日の勉強1.HTMLの全体構造
2.HTMLバージョンを指定する
3.<head>要素とは
4.<head>要素の中身
5.文字コード指定
6.ページのタイトルをつける
7.CSSの読み方
8.レイアウト
9.裏技
1.HTMLの全体構造
・HTMLファイル
決められた型を書く必要がある
<html>内には
<head>要素 ・・・ページに関する情報
<body>要素 ・・・実際
学習ログ〜HTMLはじめ〜
朝の勉強のまとめ
1.見出しと段落
2.リンク
3.画像
4.リスト
1.見出しと段落
<h1> </h1>
・見出しコードの種類は、１〜６まで選べる
・1が一番大きな文字、6が一番小さな文字
・hは、heading（見出し）の略
<p>~</p>
・段落を表すコード
・<h2>や<p>で囲んだテキストは改行される
<!-- -->
・スペースの所にコメントを入れても表示されない
2.リ