初心者にもやさしい 簡単HTML作成:ホームページのタグ作成ツール
価格表示に便利な横5列まで

 値段を強調表示できる、アフィリエイト用テーブルレイアウトツールです。
 商品を1品から5品まで横に並べてレイアウトすることが出来ます。 価格を強調表示できますので、値段を表示したい場合には便利です。また、商品の枠線・下線・文字色・スタイルなどがカスタマイズ可能です。

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

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

HTMLタグを作成してみよう

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

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

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

タイトル
アフィリエイト商品情報
画像リンク1:

テキストリンク1:

価格1:
画像リンク2:

テキストリンク2:

価格2:
画像リンク3:

テキストリンク3:

価格3:
画像リンク4:

テキストリンク4:

価格4:
画像リンク5:

テキストリンク5:

価格5:
表の幅
タイトル
枠線
線の太さ 
背景色
タイトル色
文字スタイル      
アフィリエイト リンクエリア
枠線
線の太さ 
背景色
価格スタイル      
著作権表示  
  
作成されたテキスト

アフィリエイトレイアウトツールでは

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

  • ブロック要素 <div>〜</div>
  • テーブル(表) <table>〜</table>

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

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

 無料ツールとなっております。リンクもフリーです。

サイトマップ