【HTML】アイコンの使い方

現在プログラミングスクールに通い 

７０日間でWEBエンジニアになれるよう勉強中です！

本日はHTMLのアイコンの使い方について 

書きたいと思います！

■使用するアイコンサイト

https://fontawesome.com

とても有名なサイトらしいので

説明不要かもしれないですね。

■HTMLに実装する際の準備

1、サイトに登録する

2、HTMLに専用コードを記述する

head要素内に以下のコードを記入

<script src="https://kit.fontawesome.com/0ff4165df8.js" crossorigin="anonymous"></script>

3、span要素でアイコンのHTMLを記載する

アイコンサイトで気になるアイコンを選択すると

そのアイコンのクラス名やアイコン名がコードで記載されてます。

あとは表示されたコードをspan要素で囲んで記述すればOKです。