画像の検索と追加

目標

ウェブサイトをより魅力的にするために画像を追加します。どのように追加できるでしょうか？ Unsplash などのソースで画像を探すことができます。そこで、希望するトピックを検索し、画像を選択し、そのアドレスをコピーしてウェブサイトで使用します。

手順

1. 希望するトピックを探す

https://unsplash.com/ にアクセスします。興味のあるトピックを自由に入力してください。

2. 画像の選択

最も気に入った画像を見つけてクリック。

3. 画像アドレスのコピー

画像を右クリックし、コンテキストメニューから「画像アドレスをコピー」を選択。

4. 画像の使用

コピーしたアドレスを画像の src 属性に貼り付けることで、選択した画像をウェブサイトに追加可能。画像がウェブサイトに適切に収まるよう、幅も指定することが推奨される。また、alt 属性には説明文を設定するか、画像の alt 属性には記事タイトルを使用できる。

例:

結果

ウェブサイトの状態

ビデオチュートリアル