ヤフーストア作成で使うHTMLは、実に少なく、許可されてるタグ(<b>とか<a>とかのこと)は全部で61個です。
その中で、必要のないものを除くと、わずか15個だけになってしまいます。
たったの15個覚えるだけでストアページ作成のための基礎ができるわけですから、この際、つべこべ言わずに覚えてしまいましょう。(むしろ10個とかでも十分ですが!)
今回は、HTML入門の第1弾。簡単なタグを5つだけピックアップしました。
※タグは大文字で書いても小文字でも構いません。半角は必須です。
人気おすすめ無料講座
yahoo! shopping 画像挿入や文字のHTML変換
スマートフォン用サイトの看板やフリースペースの編集
ヤフーストアの看板画像を作る方法
サイドナビを画像に変更する方法
ストアサービスのリンクをボタン画像に変更する方法
<A> リンクを貼る
ヤフーストアに存在するのは、「ページ」と「画像」だけです。
そして、ページにも画像にもURLがあります。
URLとは「http://~~~」という形式のアドレスです。
トップページのフリースペースからカテゴリーのページにリンクを貼ったり、商品Aのページ内にオススメ商品Bのページへリンクを貼ったりします。
【書き方】
<a href=”/make/index.shtml”>作り方</a>
※必ず<a>~</a>のセットで書くこと。
<B> 文字を強調する
「このVRゴーグルは最新型です。」というふうに太文字にすることができます。
<strong>も、全く同じ見え方になります。
基本的にどちらを使っても構いません。
【書き方】
<b>VRゴーグル</b>
<BR> 改行する
テキストを改行することができます。
【書き方】
改行しする箇所で使います。<br>←ここで改行。単品で使う。
<CENTER> センタリングする
文字や画像を真ん中に寄せたいときに使います。
【書き方】
<center>こんにちは。<br>
店長の山崎響です。<br>
新入荷のトマトはおいしいよ。<br>
</center>
※必ず<center>~</center>で、センタリングしたいモノをはさみます。
↓のように表示されます。
こんにちは。
店長の山崎響です。
新入荷のトマトはおいしいよ。
<center><img src=”http://~~/tomato.jpg”></center>
↓のように表示されます。(※スマホでは画面いっぱいになります。)
<FONT> 文字に色を付ける、大きさを変える
テキスト文字に色を付けたり、文字の大きさを変えることができます。
【書き方(色を付ける】
<font color=”red”>おれは怒ってんだ(#゚Д゚)!</font>
↓
おれは怒ってんだ(#゚Д゚)!
※必ず<font>~</font>のセットで書くこと。「color=”○”」ここには、red、yellow、brown、blueなどの英単語以外にカラーコード「#ff0000(赤)」「#ffff00(黄色)」「#CC6600(茶色)」なども書くことができます。
コードを入力する場合は必ず「#(半角シャープ)」をつけます。
【書き方 (大きさを変える)】
<font color=”+3″>ちょっと大きく</font>
↓
ちょっとおおきく