【サイト制作】メイン記事エリアをつくる【2カラム】

プログラミング
2020.08.19

シュテル(@sterchannel2020)です！

2カラムの枠組みができたら次はどうする？

次はいよいよ「メイン記事」ですね。作っていきましょう。

メイン記事エリアの制作の流れ

メイン記事エリアのタイトル/年月日/カテゴリを設置する

後で装飾するためspanタグで2020だけ囲んでます

<header>下に画像と本文を設置する

imgタグはsrc属性で画像の場所記載／altで画像の文字情報をつける

CSSで余白などを調整する

これはおさらい。メインとサイドの%を調整／justify-content:space-between;で両端配置
これがメイン記事エリアのheader
投稿日の表示設定
記事タイトルや画像、本文の設定

よし、メイン記事エリアできました！

次はサイドバー作ります👍

1冊ですべて身につくHTML & CSSとWebデザイン入門講座 [ Mana ]
created by Rinker
スポンサーリンク
タイトルとURLをコピーしました