画像(img要素)のHTMLコードを一括生成

カンマかタブのいづれかの区切りのテキストデータから、画像(img要素)のHTMLコードを一括生成するウェブアプリ。

使い方

  1. 「区切り」を、半角カンマ、タブから選択する。
  2. 「インプット」のテキストエリアに、テキストデータを入力する。
    テキストデータは、
    1. 画像のURL(img要素のsrc属性)
    2. 代替テキスト(img要素のalt属性)
    3. 画像の幅(img要素のwidth属性)
    4. 画像の高さ(img要素のheight属性)
    の順番で、半角カンマかタブで区切り、入力する。
    使わない属性は、その属性の順番のデータを空白にする。
    テキストデータを複数行に入力すれば、複数のimg要素を一括で生成できる。
  3. 「img要素を一括生成」ボタンをクリックする。
  4. 「HTML」のテキストエリアに、生成したimg要素のHTMLコードが現れる。
  5. 「表示例」の右側に、生成したimg要素を表示する。

ハイパーリンク一括生成

区切り:

インプット:

HTML:

表示例:

スポンサード リンク

カテゴリー: HTML生成, ウェブアプリ, 埋め込み パーマリンク