画像にハイパーリンクを貼ったHTMLコードを一括生成

カンマかタブのいづれかの区切りのテキストデータから、画像にハイパーリンクを貼ったHTMLコードを一括生成するウェブアプリ。

使い方

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

ハイパーリンク一括生成