255767

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Oct , 2026
Sep , 2026

Aug , 2026

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Sep 26, 2004

タグを覚えよう【第４３回目】　-　ＨＰに画像をはろう（復習）

(5)

テーマ：タグに挑戦！(102)

カテゴリ：タグ教室

今日はＨＰに画像を貼る方法の復習をしましょう。
つまり「絵」や「写真」をＨＰに載せてみよう！ってことです(〃⌒▽⌒)
まずは、楽天専用の方法をご紹介します。

管理画面から「画像倉庫（画像の登録管理）」という画面を開き、
まずあなたのパソコンに保存してあります写真や絵を「楽天」に保存します。
すると、「保存した画像の一覧」というところに保存した画像が出てきますよね。
それをクリックすると・・・

下記のHTMLを利用すると、ホームページにこの画像を表示できます。

<IMG SRC="http://plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg" width="150" height="150" alt="key">

この呪文を「日記」や「TOP自由欄」などの書き込み欄に貼り付けると、あら不思議・・・

key

画像が表示されますよねー(￣▽￣人)
覚えていますか？
この辺りは基本中の基本ですよね。
しっかりマスターしましょう(〃⌒▽⌒)

次に画像の倍率を変える方法を紹介します。

例）
<IMG SRC="http://plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg" width="300" height="100" alt="key">

表示結果）

key

見てのとおりですね(〃⌒▽⌒)
「width」が画像の幅、「height」が画像の高さを表しています。

<IMG SRC="http://plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg" width="50" height="50" alt="key">

のように指定しますと、縮小表示されます。

表示結果）

key

もともとある画像を拡大したり縮小したり、縦横比を変えてみたりしたいときに便利ですよね(〃⌒▽⌒)

さらに画像の周りを線で囲んでみましょう！

<IMG SRC="http://plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg" width="150" height="150" alt="key" border="1">
<IMG SRC="http://plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg" width="150" height="150" alt="key" border="7">

表示結果）

key

これも簡単ですよね(〃⌒▽⌒)
「border」に線の幅を指定します。
指定する数が大きければ大きいほど太い線になるってことです。

プラス・・・
IE専用の裏技も紹介しておきます(〃⌒▽⌒)

例）
<IMG SRC="http://plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg" width="150" height="150" alt="key" style="filter: blur(direction=45, strength=20);">
<IMG SRC="http://plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg" width="150" height="150" alt="key" style="filter: xray();">
<IMG SRC="http://plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg" width="150" height="150" alt="key" style="filter: invert();">
<IMG SRC="http://plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg" width="150" height="150" alt="key" style="filter: flipv();">
<IMG SRC="http://plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg" width="150" height="150" alt="key" style="filter: fliph();">
<IMG SRC="http://plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg" width="150" height="150" alt="key" style="filter: wave(freq=3,lightstrength=50,strength=5);">

表示結果）

key

あまり深く考えないで下さい（笑
こう記述したらこうなるんだ、くらいのちょっとした裏技でした(〃⌒▽⌒)

（もう少し詳しく知りたい方はこちらを参考にしてみて下さい）

最後のIE専用裏技は余計でしたが・・・
他の記述は基本中の基本です(〃⌒▽⌒)
しっかりマスターしましょう(￣▽￣人)

お気に入りの記事を「いいね！」で応援しよう

最終更新日 Sep 26, 2004 05:44:48 PM
コメント(5) | コメントを書く

[タグ教室] カテゴリの最新記事

■コメント

Re:タグを覚えよう【第４３回目】　-　ＨＰに画像をはろう（復習）(09/26)

な～～るさん

もう少し、詳しく知りたい方は、こちら・・・
行ってきました。
先生・・色々作ってるんですね～。凄いっ！！
今日、日記に一回だけバックに絵を貼り付けるというのをやろうとしたら、失敗・・・。
な・・なぜなんでしょう？？？
ちゃんとbackground-repeat:no-repeatと付けたのですが・・。
悲しくなります。（T.T)
でも、頑張って直すわっ・・・
でも、ログインできないの・・・
しくしく・・・さんじゅうろく・・
･･馬鹿な事かいちゃった・・・（^｡~；）
ごめんなさい。 (Sep 26, 2004 08:51:54 PM)

返事を書く

Re[1]:タグを覚えよう【第４３回目】　-　ＨＰに画像をはろう（復習）(09/26)

＃七鍵さん

な～～るさん

いらっしゃーい(〃⌒▽⌒)

今見てきましたが・・・
出来てましたよね？
>でも、ログインできないの・・・
これよくありますよね（笑
日記を書いたはいいけど後になって間違いに気がついて
直そうと思ったらログインできない(´･ω･`)
焦ってもしょうがないのですがついつい更新ボタンを連打してみたり(´･ω･`)

>しくしく・・・さんじゅうろく・・
は見なかったことに（笑

>色々作ってるんですね
はい(´･ω･`)
手を出しすぎて自分でも何をやりたいのか何をやっているのかよくわかっていません（笑

(Sep 26, 2004 10:20:22 PM)

返事を書く

Re[2]:タグを覚えよう【第４３回目】　-　ＨＰに画像をはろう（復習）(09/26)

な～～るさん

＃七鍵さん

＞今見てきましたが・・・
＞出来てましたよね？

はいっ！！実は・・先生のＨＰを隈なく
振り返ってコピペしちゃったぁ～～。
ごめんなさ～～いっ。（ズルです。はい・・）

＞焦ってもしょうがないのですがついつい更新ボタンを連打してみたり(´･ω･`)

そうなんですよぉ。もう、ゲームボーイの
Ｂボタンの連打のよう・・``r（＾＾；）

＞手を出しすぎて自分でも何をやりたいのか何をやっているのかよくわかっていません（笑

そんな事ないですよぉ。
色々、見ると面白いです。
でも、このＨＰが、一番、分かりやすいです。
初心者お薦めっ！です・・。ヽ（*＾＾*）ノ
(Sep 27, 2004 12:09:15 AM)

返事を書く

Re[3]:タグを覚えよう【第４３回目】　-　ＨＰに画像をはろう（復習）(09/26)

＃七鍵さん

な～～るさん

いらっしゃーい(〃⌒▽⌒)

できて何よりです(￣▽￣人)
>振り返ってコピペしちゃったぁ～～。
ずるじゃないですよ（笑
私がＨＰを作り始めの頃は解説サイトも少なかったので
普通のサイトの気になるところを丸々コピペしてました(´･ω･`)
これこそほんとのずるですよね（笑

>でも、このＨＰが、一番、分かりやすいです。
ありがとー(￣▽￣人)
楽天専用でやっていますので解説できることにも限られているのですが
少しでも分かりやすくこれからもがんばりますね(〃⌒▽⌒)

(Sep 27, 2004 11:42:47 PM)

返事を書く

Re[4]:タグを覚えよう【第４３回目】　-　ＨＰに画像をはろう（復習）(09/26)

な～～るさん

＃七鍵さん
-----
宜しくお願いします。（*⌒ヮ⌒*）ゞ (Sep 28, 2004 03:00:51 PM)

返事を書く