|
HTML とは HyperText Markup Language の頭文字をとった略語です。
あなたがホームページビルダーを使って雑貨のアフィリエイトショップを制作するうえで、文章やレイアウト、商品画像などを配置したりするための記号のようなものとなります。
最初はまったく見慣れない英字がならべられ違和感がありますが、慣れればかんたんにこの記号でこうなって、ああなっているからここがこうなっているんだな、とわかるようになります。
ビルダーを使えば、この記号をおぼえることなくどんどんあなたの雑貨ショップを作ってゆけますが、ほんのかんたんなHTML記号をプラスするだけで、さまざまなアレンジができ、サイト自体の見栄えもどんどんよくなってゆきます。
わたしのこのサイト 『 小さな雑貨店で素敵にひとかせぎ！ 』 もすでに４回ほど全面改装をしています。 HTML
がわかってくるとサイトをどんどん改装したくなる欲求にかられてこつこつと空いた時間で楽しみながらやってきました。
このタグを挿入するとこの部分がこんなに変わり、このタグを変更すればこうなるんだと、すぐにデザインがサイトに反映されますから、パズルをやっているようでとても楽しいです。
そこでここでは、初心者の方でもかんたんにあなたのサイトデザインを変えてくれる
HTMLタグの基本からさまざまな小技集までをご紹介してゆきますので、おおいに活用してみてください♪
｜ 文 字 ｜ テ ー ブ ル ｜ リ ン ク ｜ ウ イ ン ド ウ ｜ フ レ ー ム ｜ その他小技集 ｜
● ページのTOPにもどるボタンを下部に設置する
ページが長くなりスクロールし終わった時に、ページのトップ部分に戻りやすくしてあげるために設置してあげると便利です。
設置方法は、とてもかんたんで、<a name="top"></a> をそのページの先頭上部部分に貼り付け <a href="#top"> このページのトップへもどる</a> を下部の表示させたい箇所に貼り付ければそれだけで完了です。
● リンクをボタンで表示する
各ページなどからトップページの戻る時などに、以下のタグを表示させた場所に挿入します。 表示させたい文字は好きに書き換えてください。 http://○○○の部分がリンク先のURLになります。
|
<Form><Input type="button" value="この部分にお好きな文字"
onClick="location.href='http://○○○'"></Form> |
また、Input type="button" のあとに半角スペースをあけて以下のタグを付け加えるとボタンのデザインをいろいろと変化させることもできます。 #ccffcc が色番になり border-width2
が枠線の太さになりますので１にするともっと細くなり、３にするともう一段太くなります。
★ １番のボタンデザインの追加タグ
|
Style="background-color:#ccffcc; color:darkred;border-color:#cc0033;
border-width:1;" |
★ ２番のボタンデザインの追加タグ
|
Style=" background-color:#ffcccc; color:#000000; border-style:solid; border-color:#999999; border-width:2;" |
★ ３番のボタンデザインの追加タグ
|
Style=" color:#ae6000; background-color:#99cccc; border-style:dotted;
border-color:#cc0033; border-width:thin;" |
● 背景に設定した画像を固定する
背景に画像を使う場合は、<Body>タグになかに background=""
を追加します。
<Body background="○○">となり、○○の部分に画像のアドレスを入れます。
しかし、この場合は画面をスクロールすると背景画像もいっしょに動いてしまいます。
そこでスクロールで画面が移動してもバックの背景画像だけはいっしょに動かないで固定させる方法は以下のタグを
HTMLソースページの先頭部分 </Head><Body> のすぐ前に貼り付けます。
|
<STYLE TYPE="text/css">
<!--
BODY {background-image:url("○○○.gif");background-attachment:fixed;}
-->
</STYLE> |
○○○.gif の部分に表示させたい画像のアドレスを貼り付けます。
● お気に入りに追加ボタンを設置する
|
<Form><Input type="button" value="お気に入りに追加"
onClick="javascript:window.external.AddFavorite('http://○○','×××')"></Form> |
訪問者の方にまたふたたびあなたのサイトへ訪れてもらうために トップページにお気に入り追加ボタンを設置する場合は、サイト内の表示させた箇所に上記のタグを貼り付けます。タグ内のhtt://○○の○○部分があなたのサイトのアドレスとなり、×××がサイト名となりますから、間違わないで記入してください。
● スタートページするボタンを設置する
|
<Form><Input type="button" value="あなたのサイト名"
onclick="javascript:this.style.behavior='url(#default#homepage)';this.setHomePage('http://○○○');"></Form> |
お気に入りに追加ボタンと同じで、あなたのサイトをスタートページにしてもらうためのボタンを設置するタグになります。 サイト内の表示させた箇所に上記のタグを貼り付けます。先ほどと同様に、○○○の部分があなたのサイトのアドレスとなりますので、間違わないで記入してください。
|
お手軽にＨＰを作る
