人に聞けない痔の悩み、これでスッキリ >>

ブログはhtmlなのかcssかよくわからないのですが
(アメブロです)

写真をマイピクチャからブログにアップ
その写真をクリックするとリンク先へ飛ぶという
htmlを教えてください。

今は画像をクリックするとその画像だけが
載ったページしかでてこなくて、リンク先に
飛んでくれません(T-T)

宜しくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

タグが使えるなら↓です。



<a href=リンク先URL target=blank><img src=画像ファイル名></a>
    • good
    • 6
この回答へのお礼

ありがとうございました!
できましたーっ♪

お礼日時:2006/01/13 11:36

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q文字をクリックすると他のHPへ飛ぶ方法

gooのブログで記事の文字をクリックすると他のHPへ飛びますよね。

その方法が分かりません。

Q&Aで探したんですが見つかりませんでした。

どうか、簡単に教えてください。

Aベストアンサー

それはリンクのことを言ってますか?

>◆本文編集機能の使い方
>
> [URL]
> リンク先のURL(アドレス)を入力し、リンクのボタンにする文字を入力すると、本文中にリンクを作ります。
http://blog.goo.ne.jp/info/blog_use3.html

参考URL:http://www.kanzaki.com/docs/html/htminfo12.html

Q画像をクリックして他サイトに飛ぶ

画像をクリックして他サイトに飛ぶ

正式な名称などは知らないのですが、amebaブログで画像をクリックすると他のサイトに飛びますが、あの事を何というのでしょうか?
それと、そのHTMLソースを知っていれば教えてください。

Aベストアンサー

画像に「ハイパーリンクを貼る」と言います。

画像に<A href="http://サイト名/index.html">を付加すれば良いのです。
実際にはターゲットフレームなども必要になるかもしれません。

Qホームページで画像を横に並べるには?

ホームページ作成超初心者です。
初歩的な質問で恐縮です。

ホームページに画像を横に並べて(左→右)表示させたいと思っています。

<img src="画像ファイルのURL">
というHTMLで画像を表示できるところまでわかったのですが、続けて入れると画像が縦に並んでしまいます。

ド素人で申し訳ないですが、どなたか方法を教えて頂けませんか?
よろしくお願いいたします。

Aベストアンサー

<img src="画像ファイルのURL"><img src="画像ファイルのURL"><img src="画像ファイルのURL">・・・


とした場合、横に並びますよ
ただし、画像のサイズとブラウザサイズにもよりますが・・・

ブラウザサイズを無視して横に並べたいのであればTableを組んでしまうのも手です

<table>
<tr>
<td><img src="画像ファイルのURL"></td>
<td><img src="画像ファイルのURL"></td>
<td><img src="画像ファイルのURL"></td>
</tr>
</table>

これで、横に並べれます


あと、アドバイス
<img src="画像ファイルのURL"> → <img src="画像ファイルのURL" width="横寸法" height="縦寸法" alt="画像の名前">
のように、width、height、altは指定しましょう

Qサムネイル(画像)をクリックすると別のHPに飛ぶ・・・・

サムネイル(画像)をクリックすると別のHPに飛ぶようにするにはどうしたらいいでしょうか?
ソースください。

Aベストアンサー

教えてクレクレでなく、検索の方法も覚えてださい。
→http://heo.jp/tag/href/imglink.html
→http://www.tagindex.com/html_tag/link/a_img.html

<a href="リンク先URL" target="_blank" title="リンク先説明文"><img src="画像URL" alt="代替テキスト" width="画像幅" height="画像高さ" border="0"></a>

Q画像を縦に4つ並べたい場合

2カラムのレイアウトのページを作成しています。
左にメニューを持ってきたいため、アイコン画像を縦に4つ並べたいです。

現在は
<p><img src="画像ファイル.jpg" /></p>
↑これを4つ書いています。

テーブルタグを使うと便利だと思ったのですが、レイアウト目的でテーブルを使うのはあまりよくないと聞きました。

また、画像と画像の間に10px位のスペースを空けたいです。(brは使いたくありません)

よい方法があれば教えていただけませんでしょうか。
何卒よろしくお願いします(>_<)

Aベストアンサー

初心者の方だと思います。
 最初の最初にしっかり身につけて置いていただきたいのは、HTMLは文書構造を記述するもので、スタイルシートはそれをどのように表現(プレゼンテーション)するかを指定するものです。HTML5の勧告を目前にした今、とても重要な考え方です。
 いわゆるtableを文書の整形の為だけに用いてはならない。はそのひとつにしか過ぎません。

>2カラムのレイアウトのページを作成しています。
>左にメニューを持ってきたいため、アイコン画像を縦に4つ並べたいです。
>現在は
><p><img src="画像ファイル.jpg" /></p>
>↑これを4つ書いています。

 とは考えないのです。ここをクリアできると、HTMLもスタイルシートも簡単になり、また本当にすばらしいデザインへの道も開けます。原則に忠実になるとデザイン性が失われると、曲解される人がいますが実際は逆です。
【引用】____________ここから
スタイルシートはこれらの問題を解決すると同時に、HTMLにおける制限されたプレゼンテーション機構に取ってかわる。スタイルシートでは、行間の設定やインデントの設定、テキスト色や背景色、フォントのサイズとスタイル、その他様々なプロパティの設定が簡単にできる。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Style Sheets in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )]より

 前置きが長くなりましたが、次のように考えられるようになった最初のステップは卒業です。
★4項目程度の目次と本文からなるページがあります。
★これを、右側に画像として項目を立てに配置して、その左に本文を並べたい
 結果は同じですが、過程がまったく異なりますね。

具体的には、
「HTMLでリストとして目次をマークアップしてあるのだが、それを本文の左にたてに画像ボタンのように表示したい」と考えます。
 すなわち
<div class="section"><!-- 本文を示すclass名 -->
 <div class="section" id="section1">
  <h1>見だし</h1>
  <p>記事</p>
 </div>
 <div class="section" id="section2">
  <h1>見だし</h1>
  <p>記事</p>
 </div>
 <div class="section" id="section3">
  <h1>見だし</h1>
  <p>記事</p>
 </div>
 <div class="section" id="section4">
  <h1>見だし</h1>
  <p>記事</p>
 </div>
 <div id="contentTable">
  <ol>
   <li><a href="section1">セクション1</a></li>
   <li><a href="section2">セクション2</a></li>
   <li><a href="section3">セクション3</a></li>
   <li><a href="section4">セクション4</a></li>
  </ol>
 </div>
</div><!-- 本文終わり -->
とマークアップされているとすると・・・これなら簡単でしょう。
スタイルシートで
div.section{position:relative;}
#contentTable{position:absolute;top0;left:0;width:20%;text-align:center;}
div.section div.section{margin-left:21%;}
#contentTable ol,#contentTable ol li{list-style:none;display:block;margin:0;padding:0;}
#contentTable ol li{background-color:yellow;position:relative;}
#contentTable ol li+li{margin-top:10px;}

とします。
画像は指定していませんが、「セクション1」などの文字の代わりに<img src="***" width="180" height="20" alt="セクション1">とかにして、
#contentTable ol li img{display:block;width:100%;height:auto;}
とすると、ウィンドウ幅に関係なく、常に本文の20%幅の画像が表示されるでしょう。

 1999年当時の古いHTMLの書き方とは、すこし違うと思いますが、逆にとても楽になるはずです。HTMLはそのままで、ボタンを横に並べたり、プルダウンで細かい項目を出したり、リンク先の写真を登場させたりなどが、HTMLを書き換えなくてもできるようになります。

初心者の方だと思います。
 最初の最初にしっかり身につけて置いていただきたいのは、HTMLは文書構造を記述するもので、スタイルシートはそれをどのように表現(プレゼンテーション)するかを指定するものです。HTML5の勧告を目前にした今、とても重要な考え方です。
 いわゆるtableを文書の整形の為だけに用いてはならない。はそのひとつにしか過ぎません。

>2カラムのレイアウトのページを作成しています。
>左にメニューを持ってきたいため、アイコン画像を縦に4つ並べたいです。
>現在は
><p><img src="...続きを読む

Qイラストレータの画像をJPG形式で保存したい

イラストレータの画像(ai形式)を一番画質を劣化させずにJPG形式に保存する方法を教えて下さい。

Aベストアンサー

画像サイズ、ファイルサイズをどうするのか、どのような画像なのか等、情報が少ないのです。

しかし私自身も興味深かったので、以下の6種類で試してみました。個人的見解が、十二分に入りますがあしからず。
圧縮度等に関しては、ファイルサイズがなるべく均等になるように、「Web用に保存」は最高値、「書き出し」中間値で行いました。
環境:
Windows2000、Illustrator CS、Photoshop CS


1.「Web用に保存」でjpg
2.「書き出し」でjpg
3.「書き出し」でbmp保存後、Photoshopで「Web用に保存」でjpg
4.「書き出し」でbmp保存後、Photoshopで「保存」でjpg
5.Photoshopに貼り付け後、「Web用に保存」でjpg
6.Photoshopに貼り付け後、「保存」からjpg

結論から言いますと、1.のIllustrator上での「Web用に保存」で最高で行った場合が、色やエッジ、文字等がきれいに感じられました。
3~6はやはりベクターからラスタ変換での劣化、jpg変換時の劣化と、2度の劣化が原因だと思います。


最初にも書いた条件の詳細が分からないので、役に立つか分かりませんが、参考までに・・・。

画像サイズ、ファイルサイズをどうするのか、どのような画像なのか等、情報が少ないのです。

しかし私自身も興味深かったので、以下の6種類で試してみました。個人的見解が、十二分に入りますがあしからず。
圧縮度等に関しては、ファイルサイズがなるべく均等になるように、「Web用に保存」は最高値、「書き出し」中間値で行いました。
環境:
Windows2000、Illustrator CS、Photoshop CS


1.「Web用に保存」でjpg
2.「書き出し」でjpg
3.「書き出し」でbmp保存後、Photoshopで「Web用に保存...続きを読む

QHTMLのでリンクが開かない…

 作成したHTMLファイルを実行して時々 起こる現象なのですが…

 同じフォルダ内に、たとえば、[xxx.html]と[yyy.html]の2つのファイルがあって、単独ではそれぞれ問題なく開くのですが、HTMLの中に次の2つの文を記述して、これを実行した時に、[yyy]は開くのに、[XXX]がどうしても開かないことがあります。

   <a href="xxx.html">XXX</a>
   <a href="yyy.html">YYY</a>

 記述の文字に問題がないように、文章作成する際に、両方の<a href="...">~</a>をコピペして、ファイル名もフォルダに表示されるファイル名をわざわざコピーして<a href="...">に貼り付けています。つまり、記述上は問題がないようにしています。

 この現象はオフライン(WEBに乗せていない状態)でも起こるのですが、WEBにアップロードしても同じように開けません。また、特定のHTMLファイルでなく、HTML文を作っていて時々起こります。

 どうしてなのでしょうか…? 理由と解決方法をお教えください。よろしくお願いします。

 作成したHTMLファイルを実行して時々 起こる現象なのですが…

 同じフォルダ内に、たとえば、[xxx.html]と[yyy.html]の2つのファイルがあって、単独ではそれぞれ問題なく開くのですが、HTMLの中に次の2つの文を記述して、これを実行した時に、[yyy]は開くのに、[XXX]がどうしても開かないことがあります。

   <a href="xxx.html">XXX</a>
   <a href="yyy.html">YYY</a>

 記述の文字に問題がないように、文章作成する際に、両方の<a href="...">~</a>をコピペして、ファイル名もフォルダに...続きを読む

Aベストアンサー

href="75h/..." を、href="./75h/..." に修正してみてください。

それから、lintで既に確認済かもしれませんが、タグの誤使用が気になりました。
<li>タグは単独では使用できません。
<td>
<ul>
<li>内容。。。
</ul>
</td>
のように記述します。

で、本題ですが、ローカルの拡張子が違っているといった問題ではありませんか?
.htmであるはずが、.htm.txtになっている、など。

URLエンコードするとどうなりますか?
「 - 」→「 %2D 」
「 _ 」→「 %5F 」

"75h/WBR75H_Win-VerUP.htm"
  ↓
"75h/WBR75H%5FWin%2DVerUP.htm"

参考URL:http://validator.w3.org/check?uri=http%3A%2F%2Fmembers.at.infoseek.co.jp%2Fpersonalnet%2F

Qリンクの貼り方を教えてください。

初心者です。
メールにリンクを貼る方法を教えて下さい。

相手にメールする時、

ホームページのアドレスを
"ここ"
"こちら"とかの言葉にに変えてリンクを貼りたいのですが

分かりません。お教え願います

Aベストアンサー

 このような場合HTMLメールを使います。
 ただし、HTMLメールは携帯など相手の環境によっては、うまく表示
されなかったり、HTMLメール自体が嫌いな人もいますので、注意して
ください。
 メールソフトがわからないと答えようがないのですが、Outlook Express
の場合で説明します。

1.メッセージの作成画面を開きます。
2.書式(O)-リッチテキスト(HTML)(R)を選びます。
3.「ここ」「こちら」なども含め、メールの本文を書きます。
4.「ここ」「こちら」をドラッグ操作などで反転させます。
5.挿入(I)-ハイパーリンク(H)を選ぶと、リンク先のアドレスを
  聞いてきますので、URLを指定します。

QHTMLタグ⇒リンクした画像を別ウインドウで開く

いつもお世話になります。
HTMLタグで、リンクした画像を別ウインドウで開く方法を教えて欲しいのですが、
1、メイン画像を表示。
2、そのメイン画像に別の画像をリンク付け。
※3、上記2、の”別の画像を新しいウインドで開く”方法が判りません。
過去歴を閲覧させていただきましたが、わたくしの知る限りではサムネイル画像=同じ画像を別ウインドで開く方法しか検索出来ません。
どなたか※印の方法をご存知の方是非アドバイスをお願いいたします。

Aベストアンサー

<a href="main.jpg" target="_blank"><img src="sub.jpg"></a>

target="_blank"
↑この部分が別ウィンドウで開く部分です。

Qメールの画像にハイパーリンクを貼る

OutLook Express で 作成したメールに画像オブジェクトを挿入して その画像にハイパーリンクを設定したいのですが できるのでしょうか

具体的には メールに署名のような形で 画像を貼り
その画像をクリックすると リンクされたWebページにジャンプするようにしたいのです

Micrsoft Ward で 文書を作成して 挿入された画像オブジェクトにハイパーリンクを設定する方法はわかるのですが
Outlook Expressで できるなら その方法を教えてください  よろしくお願いします
PC:WinXP(IE6) です

Aベストアンサー

新規メールの書式をHTMLにして
本文のアイコンの画像の挿入から
指定の画像を選択し画像を入れます。

そして画像を選択して
ハイパーリンクアイコンで必要なURLを設定します。

これで出来るかと思われます。


人気Q&Aランキング