ＨＴＭＬタグ 文章カテゴリから商品ベージへのリンク

質問

度々質問させて頂きます。

楽天のＲＭＳのヘッダーフッターで、自分でカテゴリへリンクできるようにＨＴＭＬで作成しないといけないのですが、

カテゴリ内は全て文字で、その文字から、商品ページにリンク付したいのですが、ＨＴＭＬタグをどうつくったらいいかわかりません。

楽天側が最初に作ってくれているタグは

カテゴリ名ooooo</a></td></tr><tr><td
class="skplncatechild"><img src="http://image.rakuten.co.jp/com/img/skp/0008/child_category.gif"/>　<a
href="http://item.rakuten.co.jp/oooooショップ店舗ooooo/c/0000000100/">

みたいな感じで構成されていましたが、素人なのでタグの意味がわかりませんでした。

このようなリンクできるように？タグがカテゴリ数ごとに作られていました。

ＨＴＭＬやこういったパソコン操作がまだまだ初心者ですので、わかる方のご回答をよろしくお願い致します。説明がうまく伝えれているか不安ですが、よろしくお願い致します。

回答No.2

torento19 · ベストアンサー

楽天RMSと絡んでいなくてもリンク設定の基本は下記のとおりです。

■文字にリンク付けをする場合。
※「楽天の洋服」の文字をクリックするとリンク先ページに移動します。

HTMLの記述例
<a href="http://www.rakuten.co.jp/">楽天の洋服</a>

解説
<a></a>　リンクタグ
<a href="ここにリンク先のURLを記述">ここにリンク文字を記述</a>

■バナーや商品写真にリンク付けをする場合。
※下記記述では改行されていますが、HTMLの記述では
"< >"で囲まれていない部分に半角スペースがあっても無視されます。
また、改行も無視されます。

HTMLの記述例
<a href="http://www.rakuten.co.jp/">
<img src="http://image.rakuten.co.jp/com/img/skp/0008/child_category.gif"/>
</a>

解説
先ほどは「楽天の洋服」にリンクを付けましたが、
「楽天の洋服」の代わりに「バナーや写真」のURLを記述します。

<img src="ここにバナー・画像のURLを記述"/>
画像のURLはR-Cabinetに登録した際の【画像保存先】のURLを入力します。

■補足
<td>や<tr>のタグはテーブルタグ類で、
「class="skplncatechild"」はCSS(スタイルシート)類の記述になります。

焦る気持ちもありますが、一度に理解しようと無理をせず
HTMLを切り分けて、一歩づつ理解していきましょう。

■参考ページ
http://www.htmq.com/

お礼

回答ありがとう御座います。
昨日勉強した事が記載されていて理解ができたので嬉しく思いました。
それにとてもわかり易い説明をしていただきまして、感動でした。。＾＾
正直ネット経営がうまくいかず焦りばかりで知識がついていけてないのが現状です。。。

ですが、いましていることは無駄にはならないので、しっかり身につけていこうと思います。。
ありがとう御座います。

回答No.1

misuzu38

初めまして、私もWEBクリエーター初級程度ですが間違えたらごめんなさいね

まずは文書を読ませて頂きました
マーカーを付その文書から商品に飛ばしたいんですよね？
これはマーカー付リンクと言うものです
では始めます

まずクラスを作りHTMLに入力します
その場合は

< a class="つけたい名前を書く">を定義します　　　　　　　　　　　　　　　 </a>
●上の定義はこれからマーカーの名前を付けますよと言うお知らせです （これはりんくをここまでで 区切りますというタグ）
↓

飛ばしたいページの文字ドラッグします
↓
<a href ="飛ばしたい文字列">　　　　　　　　　　　　　　　</a>
(これがマーカー付リンクの始まりのタグ)　　　　　　　　（これはリンクをここまでで区切るというタグ）

↓
飛ばしたい別のページを開きます
↓

<img src="画像名 width="幅数" height="高さ数" alt="代替え画像の名前">の後に

　●（この定義は画像を入れると言う形ですHTMLは画像はすべてこの定義です）
↓
<a href="飛ばしたいページのリンク名#マーカー名>　　　　　　　　　　　　　</a>
　●（これを挿入したらHTMLのマーカー付リンクの定義は終わりです）　　　　（でこれでまた区切るを入れてね）

●次にCSSに移ります

●CSSはHTMLの文字だとか壁紙とか画像の余白等とかの総合的な操作色などを指定をつくるページに為ります

で・・・・・まずは
飛ばしたい画像のimgを探してくださいね～

でそこにある画像が入ってるimg範囲内手入力でclassを追加してください

※因みにクラスはclassじゃなく　　[・]　　に為ります

なので形式的には

・｛

　　　マーカー名（何でもよいつけたい名前）を書く
｝
　　に為りますこれで進めるかも私もその勉強をしたのが半年以上経つので資料をだして書き込みましたが映らなかったらご　　　めんねでは頑張ってください
　●下記に参考URL入れておきましたこれはWEBで　勉強される人は知らない人は居ないですよ便利ですので参考にどうぞ

参考URL：

http://www.htmq.com/

お礼

お返事遅くなりました。。詳しく丁寧に教えてくださりありがとう御座います。正直まだまだタグ初心者なので全て理解できるわけではなかったのでもうしわけないです。ごめんなさい。。
回答頂きました事が理解できるよう確実に覚えていこうと思います。
参考ＵＲＬ頂きました。
とってもわかりやすくてすぐショートカットさせて頂きました。貴重な参考ありがとう御座います。
地道ですが頑張っていこうと思います。
ありがとうございます。