こんにちは。しまえなです。
Code stepでのアウトプットが楽しくて、ついついやっちゃいます。
【HTML/CSS コーディング練習】入門編：プロフィールサイト／LPその２。
前回同様に中身の写真は、フリーのものを自分でダウンロード、Profileの中身は勝手に推し化。
今回は忘れずにfaviconも無料のものをダウンロードしてくっつけておきました。
おしゃれな写真を使うことで、なんとなくおしゃれなＬＰに見えます。
どこにどう並べるかに、なかなか頭を使いました。
display:flex;とmargin:0 auto;を乱用しまくりです。
divだらけです。
さてさて、お手本のソースコードと比較。
今回はそこそこ自信ありですが、いかがでしょうか？
・index.html
・head部分: ! + tabでうまいことできたので、前回よりはGood
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
→調べたところ、これはいらないようです。デフォルトで入っているからいつもそのまま
・body部分
・header：またロゴがsvgファイルでした。文字入力をしておりました。
・「definition list(dl）= 定義リスト」「definition term(dt）= 定義する言葉」「definition description(dd）= 定義の説明」を初めて見ました。<nav> <ul><li>で一生懸命書いていましたが、こちらの方がシンプルですね。
→最近、ドットインストールでdl/dt/ddが出てきました。つながる～つながる～
・style.css
・hoverやカーソル忘れ。このようなところもお手本をよく見ないといけないですね。
まだまだ、お手本との差異はありますが、シンプルに美しいコードを書けるようになりたいものです。
以上、ありがとうございました。
それでは、また。
