記事を読んで取り組んでみる

ここにいくつか、ウェブサイトにこだわりを足せる方法を紹介します。

事前学習ほど丁寧に手順は書いてないけれど、きっとここまでやれたみんならうまくできると思います。ぜひ記事を読んで取り組んでみてください！

わからないことがあったら、読んでいる記事のリンクと困っている点をあわせてDiscrodで質問してくださいね。

きれいなお問い合わせフォームを作る！#

こちらの記事に載っているhtmlとcssを自分のindex.htmlとstyle.cssにコピー＆ペーストしてみましょう。

背景にロゴが入っていたりすると公式っぽさが出ますね。

この記事も参考になります。

ページが長いときは、ページの下の方に飛べるリンクがトップにあると便利ですね。

そのときは、リンク先（飛びたいところ）に、idを設定して、リンク元の<a>タグにidを設定します。

例：以下はリンク元のタグです。<a href=”#title”>とあるので、ここをクリックするとtitleというidがついたタグにとぶ、という仕組みになります。

<a href="#title">タイトルの位置へジャンプする</a>

ヘッダーを作ろうでは、display: flex; を用いて要素を横並びにする方法をやりましたね。

実は、display: flex;を応用すると横並び以外の配置にしたり、並び方を逆にしたりすることができます。こちらの記事には、様々な配置の例が載っています。