楽天広場向け簡単タグ解説
沢山のサイトさんがスバラシイ解説を書いているので、
いまさらなのですが…
以前から姫の事をご存知の方は分かると思いますが
何も分からないところから初めて、今も勉強中です
タグが使えないよぉ~という人と
一緒にちょっとずつ覚えていこうかなーと
それで、基本デザインのテンプレートをいじれるくらいになれば いいですね
【HPの基本構造】
<html>「htmlタグで文章を書きますよー」と宣言する
<head>
ここにページのタイトルなど
</head>
<body>
ここがページの本文
</body>
</html>「htmlでの文章がおわりまーす」
と、こんな感じになっていますが、
楽天はbody~/bodyの部分しか扱わないので
これはあんまり気にしなくてもいいかも
更に楽天で使えるタグは、ものすごく限られています
その代わり、覚えるタグは少なくてすみますけどね
楽天で使えるHTMLタグについて
…そうです。少ないんです。
ひょっとして、姫が書くこともないんじゃ…(笑)
【文字の色・大きさを変える】
一番最初に関わるのって、文字の大きさと色のタグじゃないかな
先ほどの楽天広場のヘルプや
サイトのデザインの詳細設定をするときに出てくる
色数値サンプル等を参考にしてください
あちこち見ると他にも色んな色見本があるので、
気に入ったものをブックマークしておきましょう
<font color="red">文字を赤くします</font>
⇒文字を赤くします
<font color="#FF0000">文字を赤くします</font>
⇒文字を赤くします
<font size="5">文字を大きくます</font>
⇒文字を大きくます
関連のあるタグはまとめることが出来ます
(これはサイズ3)
<font color="#FF0000" size="5">文字を赤く大きくします</font>
⇒文字を赤く大きくします
他のタグでも大きさの指定は出来ますが、
一番オーソドックスな指定にしています。
【文字に背景を付けてみる】
<font style="background:色数値">文字に背景色を指定</font>
文字に背景色を指定
<font style="background-image:url(画像アドレス)">文字に背景画像を指定</font>
文字に背景画像を指定
色数値の#は、入れ忘れても
インターネットエクスプローラー(IE)では見ることが出来ますが、
他のブラウザだと、多分ちゃんと表示されないです
Firefoxなどと併用して、
自分のサイトが正常に見られるか確認するとより良いですよ。
ちなみに⇒にあるスクロールバーも
IEだとアレンジした状態で見えていますが
他のブラウザではこのアレンジは殆ど反映されません
最近姫も、自分のタグのうち間違いの多さに気づき泣きたくなりました。
ぶっちゃけ、今日の日記は
Firefoxでは一部(画像が…)うまく表示されてません(^_^;)
あとでちゃんと調べなおして直しますね…
色の指定とあといくつかのタグが分かれば
テンプレートのアレンジが簡単に出来ます
明日の励みにランキングに1日1クリック♪ / 姉妹サイトと仲間紹介 / アフィリエイター交流
【姉妹ブログから】
pick up 寂しい女は太る / pick up ベテラン騎手岡部幸雄引退
▼このコピペ用ソースを配布してます(姉妹サイト)仲良し店長合同企画! 楽天ポイント使用でも~っとお得!
お買い物やアフィリエイトで貯めたポイントをもっとお得に使っちゃお!
1回のお買い物につき5000ポイント以上お使いの方に
もれなく500円相当のプレゼント!
抽選で現金1万円かiPodシャッフルが当たるダブルチャンスも!!
1. もれなく500円相当のプレゼント!
A) 店長お見立てのご当地グッズ500円分相当
B) 一押し商品のお試し500円分相当
C) 購入商品を500円分「増量」
D) 次回購入時に使用できるお買い物券500円分
※お店によって異なります
2. ダブルチャンス!
期間中に参加店舗にて【一番高額のお買い物をされた方】、そして
【一番高額のお買い物をされた方ベスト30】から抽選で3名様の合計4名様に
【現金1万円かiPodシャッフルのいずれかお好きな方】をプレゼント!