ぼんやりDTP

DTPに関係したりしなかったりするぼんやりとした話をなんとなく。

画像周りのHTML等

Web

画像周りのHTML等のメモ。

imgタグ

<img src="" alt="" width="" height="" border="0" />
  1. src="" にリンク画像のURLか、画像をBase64にエンコードしたコードを入れれば画像として表示される。
  2. alt="" に代替テキスト。

Base64への変換ツール

  1. 画像ファイルをBase64文字列へ変換 | Webサイト制作支援 | ShanaBrian Website

figureタグ

figure、figcaption タグでキャプション付けられる。

<figure>
  <img src="" />
  <figcaption>キャプション</figcaption>
</figure>

参考ページ

  1. <img src=は画像を表示するhtmlタグ
  2. HTML5で画像にキャプションを付ける | Tokuvin PC