HTML【 中級編 】

こんにちは。

今回も、HTMLについて学んだことを共有していきます。

1.ボタン部分の作成

ボタンは<a>タグで指定します。
しかし<a>タグはインライン要素であり、インライン要素にはwidthやheightが指定できないなど不便な点があります。

2.アイコンを使おう

アイコンを表示するにはFont Awesomeというものを使うと便利です。

Font Awesomeは、以下の手順で使用することができます。
①Font AwesomeのCSSファイルを読み込む
②<span>タグにfaクラスとfa-アイコン名クラスを指定する
（Font Awesomeのサイトにアイコンごとのクラス名が載っています。）
これだけで簡単にアイコンを表示させることができます。

まとめ

インライン要素とブロック要素でそれぞれできることとできないことがあることが分かりました。それによって使用するCSSを覚えるのが難しいですが、頑張って覚えていこうと思います。

今後もHTMLについて学んだことを随時まとめていこうと思います。
お楽しみに！