2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

HTMLで画像を貼り付ける方法

Posted at

##はじめに
未来電子テクノロジーでインターンをしている<@yuusuket57>です。
現在はHTML、CSSを使って、自己紹介のサイトを作っています。。
プログラミング初心者であるため、内容に誤りがあるかもしれません。
もし、誤りがあれば修正するのでどんどん指摘してください!
今回は自己紹介のサイトの作成で学んだ、HTMLで画像を表示させる方法について書きます。

##画像を貼り付ける

<img src="ファイル名">

ファイル名の画像を貼り付けることができます。

##画像の大きさを変える
画像を貼り付けるコマンドに以下のコマンドを追加することで、画像の大きさを変えれます。

width="画像の幅" 

画像の幅を変更

height="画像の高さ"

画像の高さを変更

これらのコマンドの中に、px(ピクセル数)や、%(画像の割合)を入れることによって、大きさを変更できます。

##まとめ
HTMLの基本的なコードですが、よく復習しておくことが大切だと感じました。
画像の配置が思うようにいかないことがあるので、CSS も使って配置していきたいです。

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?