初心者にもやさしい 簡単HTML作成:ホームページのタグ作成ツール
交互に画像表示で縦6行テンプレート

 アフィリエイトで複数の商品を並べて表示したい場合があります。そんなときに便利なホームページ作成支援ツールです。

 商品を1品から6品まで左右交互に縦6行に並べてレイアウトすることが出来ます。枠線・下線・文字色などがカスタマイズ可能です。みなさんの好みにコーディネートしてみてはいかがでしょうか。

 タイトルとアフィリエイト画像リンク・アフィリエイト文字リンク・紹介文を入力して各色を選択後、ボタンを押すだけでレイアウトされたHTMLタグの完成です。


 注意:画像リンクと文字リンクは、ご自分のアフィリエイトリンク作成ページで作成したものを使用してください。アフィリエイトリンクの利用方法は、楽天アフィリエイトのリンク利用方法を参考にしてみてください。

タグを作成してみよう

 HTMLタグを作成すると、クリップボードへ自動でコピーされます。下のテキストボックスからも選択できます。
 アフィリエイト用リンクは、1番から順番に使用してください。2つだけ表示させたい場合は、1番と2番を使用します。手順は次の通りです。

  1. タイトル」へ、商品一覧のタイトルを入力します。省略可能
  2. 画像リンク」へ、アフィリエイト画像リンクのタグを入力します。
  3. テキストリンク」へ、アフィリエイトテキストリンクのタグを入力します。
  4. 紹介文」へ、商品の紹介文を入力します。
  5. 色指定:」にて、枠線・下線・文字色など、お好みの設定を行います。
  6. HTML作成」ボタンを押します。

 これで完成です。早速やってみましょう。

タイトル(省略可能)
商品1
画像リンク:
テキストリンク:
紹介文:
商品2
画像リンク:
テキストリンク:
紹介文:
商品3
画像リンク:
テキストリンク:
紹介文:
商品4
画像リンク:
テキストリンク:
紹介文:
商品5
画像リンク:
テキストリンク:
紹介文:
商品6
画像リンク:
テキストリンク:
紹介文:
表の幅
タイトル
枠線
線の太さ 
背景色
タイトル色
文字スタイル      
画像リンクエリア
枠線
線の太さ 
背景色
テキストリンク下線
線の太さ 
紹介文色
レイアウト    
著作権表示  
  

※ボタンを押しても何も反応が無い場合は、ブラウザの再読み込みボタンを押して、画面を再読み込みしてください。

作成されたテキスト

アフィリエイト用テーブルテンプレートツールでは

 この、アフィリエイト用テーブルテンプレートHTMLタグ作成ツールでは、次のHTMLタグを使用しています。

  • ブロック要素 <div>〜</div>
  • テーブル(表) <table>〜</table>
  • フォント <font>〜</font>

 なお、カスケーディングスタイルシート(CSS)も使用しておりますので、環境によってはうまく表示されない場合もあります。

 また、本ツールでは、JavaScript を使用しています。したがって、JavaScriptが使用できない設定になっているブラウザでは、使用することが出来ません。
 ブラウザのJavaScriptを実行可能に設定して、ご利用ください。

 無料ツールとなっております。本ホームページはリンクもフリーです。

サイトマップ