度々質問させて頂きます。
楽天のRMSのヘッダーフッターで、自分でカテゴリへリンクできるようにHTMLで作成しないといけないのですが、
カテゴリ内は全て文字で、その文字から、商品ページにリンク付したいのですが、HTMLタグをどうつくったらいいかわかりません。
楽天側が最初に作ってくれているタグは
カテゴリ名ooooo</a></td></tr><tr><td
class="skplncatechild"><img src="http://image.rakuten.co.jp/com/img/skp/0008/chil … <a
href="http://item.rakuten.co.jp/oooooショップ店舗ooooo/c/0000000100/">
みたいな感じで構成されていましたが、素人なのでタグの意味がわかりませんでした。
このようなリンクできるように?タグがカテゴリ数ごとに作られていました。
HTMLやこういったパソコン操作がまだまだ初心者ですので、わかる方のご回答をよろしくお願い致します。説明がうまく伝えれているか不安ですが、よろしくお願い致します。
No.2ベストアンサー
- 回答日時:
楽天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/chil …
</a>
解説
先ほどは「楽天の洋服」にリンクを付けましたが、
「楽天の洋服」の代わりに「バナーや写真」のURLを記述します。
<img src="ここにバナー・画像のURLを記述"/>
画像のURLはR-Cabinetに登録した際の【画像保存先】のURLを入力します。
■補足
<td>や<tr>のタグはテーブルタグ類で、
「class="skplncatechild"」はCSS(スタイルシート)類の記述になります。
焦る気持ちもありますが、一度に理解しようと無理をせず
HTMLを切り分けて、一歩づつ理解していきましょう。
■参考ページ
http://www.htmq.com/
回答ありがとう御座います。
昨日勉強した事が記載されていて理解ができたので嬉しく思いました。
それにとてもわかり易い説明をしていただきまして、感動でした。。^^
正直ネット経営がうまくいかず焦りばかりで知識がついていけてないのが現状です。。。
ですが、いましていることは無駄にはならないので、しっかり身につけていこうと思います。。
ありがとう御座います。
No.1
- 回答日時:
初めまして、私も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/
お返事遅くなりました。。詳しく丁寧に教えてくださりありがとう御座います。正直まだまだタグ初心者なので全て理解できるわけではなかったのでもうしわけないです。ごめんなさい。。
回答頂きました事が理解できるよう確実に覚えていこうと思います。
参考URL頂きました。
とってもわかりやすくてすぐショートカットさせて頂きました。貴重な参考ありがとう御座います。
地道ですが頑張っていこうと思います。
ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- SEO googleサーチコンソールで、重複URLが多数発生、その修正方法について 2 2023/06/23 16:15
- その他(IT・Webサービス) リンクできない HTMLで<a>タグでリンクを作ったのですがブラウザに表示されません、アドレス、入力 1 2022/07/26 19:43
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- ヤフオク! ヤフオクの利用制限について 4 2023/08/07 23:17
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
カーソルを合わせると文字が出...
-
FC2ショッピングカートのカスタ...
-
バナーの貼り方とバナーにリン...
-
カウンターのHTMLソースを教え...
-
携帯用HPのダウンロードページ...
-
アルバムをめくるように、画像...
-
予約語の表示について
-
ボタンを押したままにする。
-
バナーのURLについて
-
htmlでのpdf資料のリンク方法
-
IE11にてonclickの動作不良
-
リンクの上にマウスカーソルを...
-
背景が透明なリンクボタンで、...
-
HTML上の画像を結合する方法が...
-
JavaScript:縦並びのブログパー...
-
PDFの保存ボタンが表示されません
-
IrfanView で画像のスクロール...
-
アイコンの背景を透過させたい
-
「縮小専用」で縮小した画像が...
-
<hr>の縦バージョンはありますか?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
背景が透明なリンクボタンで、...
-
バナーの貼り方とバナーにリン...
-
HTMLにQRコードを挿入する方法
-
IMGタグでTIFF画像を表示
-
スライドショーの上にロゴマー...
-
pngやjsの後ろの英数字の意味は...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
form以外でのpostってできますか?
-
クリッカブルMAP領域が分かる様...
-
クリックしても、リンクに飛ば...
-
予約語の表示について
-
HTMLでデスクトップの画像がでない
-
崩れたレイアウトが更新すると...
-
画像クリックでクリップボード...
-
カウンターのHTMLソースを教え...
-
カーソルを合わせると文字が出...
-
IFRAME内に収まるように画像を...
-
tifファイルが表示されない
おすすめ情報