HTML&CSS 道場コース 初級編 |メモ|問い合わせフォーム
HTML&CSS道場コース初級編
勢いに乗ってやってみました
今日はやりたい事だけやろうの日。
なのでらくだ🐫はProgateを集中してやることにしました。
HTML&CSSの学習コース中級が終わったので、勢いに乗って道場コースの初級編へ。
「学習コースの時どうやって作ったんだっけ?」ではなく
「どうしたら仕様書(&見本)を再現できるかな?」と考えて書く様にしました。
ミスった所
学習コースで書いたコードで言うと
contentsとcontact-foamの間の間隔をあけすぎているのに気づかずチェックを入れちゃいました。
ブラウザの検証からどこが間違ってるかチェック。すぐ直ったのでした。
すぐ直ったけど、完成と思う前に気が付きたい。
分からず調べたところ
フッターのfloat
「Progate」と「リンクのリスト」を左右に散らしたつもりが要素の頭が揃ってない。
検証で見てみると「Progate」にfloat:lert;が設定されていなかった為にDivが普通に上下に重なっていました。
カラム(段組み)っていうデザインの模様。
フォームとボタン
問い合わせフォームの各種フォームとボタンのタグを全然覚えていなくてググりましたとさ。
あと、余白の設定が上手く考えられなくてココだけ学習コースの時のメモ見た。テヘ。
メモ
問い合わせフォームに使われるタグ
<textarea></textarea>
複数行のテキスト入力エリア
<input>
いろんなフォームを構成するためのタグ
初期値はtextで一行入力フォーム
type=”submit” で送信ボタン
他にもいろいろあるけど色々ありすぎなので適宜ググるか後でまとめる