画像をHTMLコードに変換する方法

キーボードで手を入力する

コンピューターのキーボードの男の手

画像クレジット: JatinderKumar / iStock /ゲッティイメージズ

HTMLコードのほんの数スニペットで、任意のWebページ、電子メール、またはその他のインターネットベースのHTMLまたはXMLドキュメントに画像を埋め込むことができます。 画像をHTMLコードに「変換」することはできませんが、画像をローカルまたは特定のWebアドレスに保存してから、HTMLドキュメント内で画像の場所を指定することができます。 また、画像を垂直方向と水平方向の両方で表示するピクセル数を指定することもできます。 画像をHTMLコードに変換する方法を学ぶために読んでください。

ステップ1

画像を選択してください。 任意のサイズの任意の画像にすることができます。

今日のビデオ

ステップ2

画像をローカルまたはオンラインで保存します。 これは、コンピュータまたは特定のWebアドレスに保存できることを意味します。 他の人が画像をオンラインで見ることができるようにするには、画像をWebサーバーにアップロードする必要があります。 ウェブサイトサーバーを使用するか、ウェブサイトがない場合は、Picasaまたはその他の画像ストレージと共有アプリケーションを使用してみてください。 写真が保存されているURLをメモします。

ステップ3

HTMLドキュメントを開きます。 画像タグと画像が保存されている場所の正確なURLを使用します。 . これにより、画像がHTMLドキュメントに埋め込まれます。 ユーザーがWebブラウザーまたは他のプログラムを介してそのドキュメントを開くと、画像が表示されます。

ステップ4

ピクセル単位で、表示したい画像の幅を調整します。 ここでも、画像が保存されている場所の正確なURLを使用します。 例えば、 http://example.com/image.jpg" width = 400>。 これにより、画像の既存の幅が400ピクセルに拡大または縮小されます。

ステップ5

ピクセル単位で、表示したい画像の高さを調整します。 例えば、 . これにより、画像の既存の高さが700ピクセルに拡大または縮小されます。

ステップ6

必要に応じて、幅と高さの調整を組み合わせます。 例えば、 .

ステップ7

必要に応じて、画像をリンクに変換します。 画像タグが埋め込まれたアンカータグを使用します。 例えば、 .