2005-09-02 14:54:09

バナーのHTMLタグ

テーマ:ロゴ・バナーを作る

バナーのHTMLタグは、

<a href="トップページのURL" target="_blank"><img src="画像のURL"></a><A HREF="トップページのURL">

…という構成になってます。


トップページのURLは、ご覧の通り。

トップページURL

画像のURLは、

UPした画像の上で右クリックして、

プロパティを見ると、確認できます☆

プロパティ 画像URL


<a href="http://ameblo.jp/shimomayu/ " target="_blank"><img src="http://ameblo.jp/user_images/a4/95/10001805858_s.gif"></a><A HREF="http://ameblo.jp/shimomayu/ ">

このソースをHTMLタグで書くと


こんなカンジでバナーが完成


森 理浩
速効!図解ホームページ作成 (HTML&CSS編)
高作 義明, 鈴木 美佐子
こんなときどうする?ホームページ作成困ったときに開く本
佐久嶋 ひろみ
CSS+XHTMLホームページ作成テクニカルガイド―基礎から実践まで体系的に学べ、リファレンスも充実
武田 瑛夢
やさしいWebデザイン――ホームページ作成のためのデザイン初歩レッスン
C&R研究所
大活字バインダー式 HTML基礎講座―ホームページ作成が自由自在
高松 敏郎
事例引きiモード―ホームページ作成ハンドブック
富士通オフィス機器株式会社
HTMLによるホームページ作成
村本 周示
ホームページ作成のためのHTML辞典
森 理浩
速効!図解ホームページ作成 HTML編
西村 文宏
HTML&スタイルシートプロ顔負けのホームページ作成術
武井 一巳, 根本 佳子
HTML言語がわかるとホームページ作成にもっと差が出る―詳解HTML&DynamicHTML使いこなし事典


【関連記事】

目次

イラストレータでいろんな形のマスクを作成し、飾り罫をつける

フォトショップで、写真のまわりをハート型にぼかしてみよう!

イラストレータで描いたベジェ曲線をフォトショップにもってくる

シンプルで簡単なバナーを作ってみよう!(2)

シンプルで簡単なバナーを作ってみよう!(1)

イラストレータで描いたイラストをフォトショップで開く

ベジェ曲線でひよこの絵を描く(後編)

ベジェ曲線でひよこの絵を描く(前編)

画像の保存形式 JPEGとGIFの使い分け

画像解像度と画素数について


フォトショップに関する記事一覧
超簡単オークション商品をキレイに撮影する方法

Photoshop Elements3.0 無料体験版ダウンロードはこちら

フリーソフト「フォトショップミニ」無償ダウンロードは、こちら

PCソフトや電子書籍をダウンロード購入すると楽天スーパーポイントが貯まる!


アドビシステムズ
Adobe Photoshop Elements 4.0 日本語版
Windows版 乗換え・アップグレード版


バナー

相互リンク随時募集!バナーの貼り方について


いつもお世話になってる相互リンクの皆様です♪


アート&デザイン系人気ブログ



トップへ戻る



AD
いいね!した人  |  コメント(13)  |  リブログ(0)

しもまゆ@画像加工の便利帳さんの読者になろう

ブログの更新情報が受け取れて、アクセスが簡単になります

コメント

[コメントをする]

13 ■無題

タグ使わせていただきます!!

12 ■無題

タグいただきます!

11 ■無題


タグいただきます!

10 ■>起業家奥さん。

コメント、ありがとうございます!
(‐^▽^‐)

私のブログを読んで
理解できるようになったって言われると、
とってもうれしいです☆

9 ■バナーのHTMLタグについて。

初めてバナーを作成しましたが、HTMLが

よくわからずにうまく表示できず悩んでました。。

説明、とてもよく分かりました!

感謝です(^-^)/

8 ■>こんけん さん

コメント、ありがとうございます!
(‐^▽^‐)

私のブログ記事を読んで、
バナーの設定ができるようになったとのこと。

こういう報告を聞くと、うれしいですね~♪
(^-^)/

ライブドアブログに書いた記事が、いちばん
バナーについては、詳しく書いてあるかも(笑)

7 ■((( ○┓ペコッリ

昨日の夜にランキングに登録し、バナー設定をしていましたがわからずこちらのサイト辿り着き出来ました。ありがとうございました。
※ライブドアのは簡単でいいですね(¶A¶)滝涙~

6 ■>まみ☆さん

それは、よかった!
(*^▽^*)

お役に立てて、うれしいです♪

5 ■助かりました><

はじめまして。まみと言います。画像の貼り付けがどうしても出来なかったので今ブログを拝見してやったら出来ました。本当に助かりました。お礼が言いたいと思いコメント書きました。話したこともないのにいきなりのコメントすみませんでした><

4 ■>陣Pさん 画像について

画像のところに「×」マークが表示されるのは、
画像がうまく読み込めてないってコトですね。。。

ヤプログで使えるファイルの保存形式は、
jpegだけでしょうか?
(gifも使えるかな?)

まずは、使用可能な保存形式を確認ください☆

で、画像を保存し直したものを
もう一度UPし直して、
それをもう一回貼りつけてみてください。

画像の保存状態に問題がある場合は、
画像を保存し直してから貼りつけると、
うまくいくことが、結構あります。

ちなみに、このタグをそのまま貼りつけると、どうなります?

<a href="http://ameblo.jp/shimomayu/ " target="_blank"><img src="http://ameblo.jp/user_images/a4/95/10001805858_s.gif"></a><A HREF="http://ameblo.jp/shimomayu/ ">

このタグをこのままコピー&ペーストすると、
画像は私のブログサーバの直リンクになりますが、
もしこれを貼りつけてちゃんと表示されるのでしたら、
画像がきちんと表示されなかったのは、
ヤプログ側の画像サーバに
何らかの不具合があった可能性もあります。

3 ■無題

ぁのーヤプログにバナーを表示させようと思ってゃってみたんですけど、画像のところに「x」ってゆう文字がでるんですよ。
これはどういうことなんでしょうか?

2 ■こんにちは。

コメント&TB有難うございます♪
ただ・・・記事が古すぎて探す時間が無いのでTB出来ません。
ごめんなさい!

1 ■なるほどー

勉強になります^^
このひよこ、かわいいバナーですね

コメント投稿

AD

メルマガ購読・解除
 

Ameba人気のブログ

Amebaトピックス

      ランキング

      • 総合
      • 新登場
      • 急上昇
      • トレンド

      ブログをはじめる

      たくさんの芸能人・有名人が
      書いているAmebaブログを
      無料で簡単にはじめることができます。

      公式トップブロガーへ応募

      多くの方にご紹介したいブログを
      執筆する方を「公式トップブロガー」
      として認定しております。

      芸能人・有名人ブログを開設

      Amebaブログでは、芸能人・有名人ブログを
      ご希望される著名人の方/事務所様を
      随時募集しております。