画像を挿入する

シンプルなウェブサイトに画像を挿入してみます。

今回は自己紹介の内容の右部分に枝豆の写真を挿入してみます。

画像を読み込む

プロジェクト内の「src」フォルダの中に新規で「images」フォルダを作り、その中に挿入したい画像を入れておく。

※画像のサイズはあらかじめ適切な大きさにリサイズしておく。

メニューの「ファイル」から「読み込み＞ライブラリに読み込み」を選択。

「images」の中から画像を選択して「ライブラリに読み込み」ボタンを押す。

読み込まれるとライブラリの内に画像が追加される。

※複数の画像を読み込みたい場合は、複数選択することで一度に読み込むことができる。

挿入したいシンボルを表示し、ライブラリ内の画像「edamame_thumb.jpg」をドラッグして配置する。

プレビューをする。ボタンをクリックして画像が表示されたら完成！

カテゴリ

アーカイブ

購読

Recommends

Powerd By

Return to page top