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