普段、ホームページやブログなどを書く際に、ちょっと欲しいHTMLタグ作成ツールを紹介しています。すべて無料で使用できます。
HTMLのタグの知識は不要です。やりたいことを選んでいくだけで、簡単にコードを生成出来ます。このツールは、ブラウザ上で使用できますので、HTMLエディターや、専用ソフトウェアのインストールなど、一切必要ありません。簡単にグラデーション文字の作成もできるジェネレーターです。
日記用テンプレートも追加しました。日記を書き込んで、枠や文字の色、画像のレイアウトなども好きなように変更できます。プレビュー画面で確認しながら作成できますので、タグクリエイターとして、いろいろお試しください。
ホームページ以外のブログに便利なアフィリエイトツールも増やしています。楽天アフィリエイトのリンク利用方法も紹介しています。Webサイトのデザインに利用可能です。
当サイトへのリンクは
リンクフリーです。バナー及びテキストリンクを準備しておりますので、どうぞご利用ください。
無料ツールとなっております。簡単さは、体験するとすぐ分かります。早速使ってみましょう。
なお、カスケーディングスタイルシート(CSS)も使用しておりますので、環境によってはうまく表示されない場合もあります。また、JavaScriptを使って作成します。ジェネレーターを使うときには、JavaScriptを有効にしてください。
やりたいことを当サイト内から検索できます。下の検索ボックスを利用してください。
文字やURLの表示カスタマイズ
文字や画像のスクロールや、グラデーション、スクロールバーに色を指定するHTMLタグなど、様々なツール集です。自動でクリップボードへもコピーします。
- スクロールバーに色指定タグ スクロールバーにカラーを指定できます。
- リンクの下線を消す ハイパーリンクの下線を消すHTMLアンカーです。また、マウスカーソルがリンクの上へ移動した場合のマウスカーソルの形状も指定可能です。
- グラデーション文字 タグ 好きな文字に簡単にグラデーションを施すことができます。
- 画像や写真に影を 画像や写真にポラロイドカメラで撮影したような影をつけます。
- 改行コード削除 HTMLタグから不要な改行コードを削除します。
- 文字スタイルと色 文字スタイルや色・サイズを指定できます。
- 文字・画像スクロール 縦・横へスクロール出来ます。スクロール速度や色や幅、大きさも選択できます。
- 表示位置指定 文字や画像をセンタリング・左寄せ・右寄せに出来ます。
- 簡単リンク作成 URLと表示したい文字を入力するだけで、ハイパーリンクが作成出来ます。
- HTMLテーブルタグを簡単に作成します。色や線の太さなど、テーブルデザインも簡単です。
日記やブログテンプレート
日記やブログに最適なテンプレート集です。下記テンプレート以外にもいろいろありますので、右のメニューからお好きなものを選んでください。
- 枠線2重 枠線を2重に出来るブログテンプレートです。枠線の太さやカラーもお好みに合わせて変更できます。
- アフィリエイト横3列 アフィリエイトを横3列で表示し、日記はスクロールバーを表示した日記を作成出来ます。
- スクロールバー付き 表示範囲を指定してスクロールバーを表示した日記を作成出来ます。画像やリンクも書くことが出来ます。背景画像も指定可能です。
- シンプルデザインの見出しHTMLタグの無料ジェネレーターです。CSSを使用しています。
アフィリエイトテンプレート
商品の紹介など、アフィリエイトに最適なテンプレートばかりです。TABLEタグで沢山の商品をテーブルに綺麗に並べてデザインできます。強調表示でSEO対策にも有効です。ブログにも綺麗に貼り付けできます。
- 解説がある1品アフィリエイトテンプレート 文章が長い場合に最適なアフィリエイトテンプレートです。
- 画像交互で縦6行 商品の画像を左右交互に縦6列で紹介するテーブルレイアウトです。
- 価格表示で横5列 価格を強調して横5列でレイアウトします。
- 縦6列 1品から6品の商品を縦に並べて紹介できます。
- 横2列・縦3列 1品から6品の商品を横に並べて紹介。
便利ツール
- 英語翻訳用改行整形ツール英文を日本語に変換する前に、改行コードの削除やピリオドでの改行など文章を整形します。
みなさんが欲しい機能ありましたら、HTML5タグやCSS3要望へ書き込みをお願いします。なるべく挑戦してみます。タグクリエーターとして機能アップさせて行きたいと思います。
アフィリエイトで副業をめざす方も応援します。
ホームページのHTMLでフレームを使用するとSEO的に不利になりますので、フレームはできるだけ使わないことをおすすめします。エディタ不要でブログの修飾ツールとして最適です。
自動車の情報は、スバル レガシィB4を育てよう を参考にしてください。燃費やDIY情報が満載です。
HTML5(エイチティーエムエル・ファイブ)は、まだ勉強中。