HTML作成が初めての方等、ソースを貼りつけても良く分からないと言う方は、こちらから貼り付けて使ってみてください。
→ 少し上級者向け素材コード一覧を、使ってみてください。
【基本的な使い方】
※タグにはそれぞれ、解説が入っています。埋め込む際は、解説を削除したうえでご自身の置きたい文言を入れてお使いください。
黄色い背景のテキストボックスの中がソースになります。
【PDFの文章作成のひな形部分がコピーできない方へ】
ひな形を利用して文章を作成したいのに、コピーが出来ない場合は、こちらをお試しください。
▼基本の見出し▼
見出しの途中に改行を入れてもそれなりに見えます。
▼アイキャッチの無い見出し▼
▼段落タグの例です。 http://tool.muzin.org/pbr/ 等でpタグ付きの文章に自動変換できます。▼
段落文章を入れてください余った場合は削除してください。
段落文章を入れてください余った場合は削除してください。
段落文章を入れてください余った場合は削除してください。
段落文章を入れてください余った場合は削除してください。
段落文章を入れてください余った場合は削除してください。
▼改行方法例<br />で改行されます。置かないと改行されません。 http://tool.muzin.org/pbr/ でも改行タグ挿入可能です。▼
改
行
▼テーブル例 th や tdのなかに、様々な物を置く事が出来ます。少し難しいかもしれませんが思考錯誤して使ってみてください。▼
1位 | 詳細はこちら |
ここに案件名。ここにUSPを書く。ランキング1位はなるべく多く書く。
|
---|---|---|
2位 | 詳細はこちら |
ここに案件名ここにUSPを書く。ランキング2位の商品もたまに売れるので、しっかりとUSPを書く。でも、1位より目立たないように気をつける。2位の商品の特徴まで書き終わった時点で、しっかりと1位が目立っているか確認する。
|
3位 | 詳細はこちら |
ここに案件名ここにUSPを書く。このあたりからランキングサイトでは、いわゆる当て馬。アクションもほとんど発生しないので、手を抜きすぎない程度にさらっと紹介しておく。
|
4位 | 詳細はこちら |
ここに案件名ここにUSPを書く。当て馬2合なので、適当に書く。 |
5位 | 詳細はこちら |
ここに案件名ここにUSPを書く。当て馬3号なので、適当に書く。 |
テーブルタグについて、詳しくご存じない方は、こちらを参考にされてください。
▼画像を文章の横に置く例です。コードは右に移動する画像のみです。このコードの後に続く文章そのほか諸々左側に行きます▼
文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合文章の右側に側に画像を置きたい場合
▼画像を文章の横に置く例です。コードは左に移動する画像のみです。このコードの後に続く文章諸々右側に行きます▼
文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合
▼文章以外のものが、横に行く画像を置いた事でつられてしまう時は、つられて欲しくないもののまえにコードを置くとつられません▼
左側に画像を置いた場合、右側に画像を置いた場合、文章が短い場合は、連動してレイアウトが崩れてしまう可能性があります。
その場合は、以下の、コードを連動してほしくないものの手前に置いてください。
文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文
章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合
文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたいこの辺のソース上に<br class="cl" />がはいってます。ソースを表示するとこのへんにあります。→
章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合文章の左側に側に画像を置きたい場合
▼画像を中心に置きたい時はこれ!▼
▼画像を中心に置いて、サイトいっぱいに広がる枠を付けたい時はこれ!▼
▼文字を右に置きたい時はこれ!▼
文言を入力してください
▼文字を中心に置きたい時はこれ!▼
文言を入力してください
▼ブレットと呼ばれるチェックマークを置きたい時はこちら!▼
▼17文字程度入る大きなボタンを置きたい時はこれ!▼
▼中心に大きな文字でリンクを貼りたい時はこれ!文言途中に改行を入れる事も出来ます。▼
▼ここから、文章強調用のタグです。サイトを組み立ててからハイライトした方がバランスがとりやすいです!▼
太字にする文言を入力してください。ソースは以下になります。
赤い太字にする文言を入力してください。ソースは以下になります。
少し大きい赤い太字にする文言を入力してください。ソースは以下になります。
黄色くハイライトする文言を入力してください。ソースは以下になります。
黄色くハイライトして太字にする文言を入力してください。ソースは以下になります。
黄色くハイライトして少し大きくする文言を入力してください。ソースは以下になります。
黄色くハイライトして少し大きく太字にする文言を入力してください。ソースは以下になります。
少し大きく黄色くハイライトした赤いふと文字にする文言を入力してください。ソースは以下になります。
アンダーラインを引く文言を入力してください。ソースは以下になります。