HTMLのリンクについて

こんばんは。いまHTMLの勉強をしていてリンクのところでつまずいています。すべての画像をphotowinとうい先に開いてたウィンドウで表示したいのとあとリンク元の画像の枠線も消したいです。どうすればよいでしょうか？初心者で情報不足ですが回答よろしくお願いします。

<html lang="ja" >
<head>
    <meta charset="utf-8" />
    <meta name =" author" content ="NAME" />
    <title>ヨーロッパの思い出</title>
</head>
<body>
  <h1>ヨーロッパの思い出</h1>
  <p>
    クリックすると大きな写真を表示します。
  </p>
    <a href="images/wp16_europe01.jpg" target="_blank" ><img src ="images/wp16_europe01s.jpg" alt="カフェの写真"  width="162" height="122" /></a>
    

</body>
</html>

行動規範の内容に同意します

回答2件

ベストアンサー

すべての画像をphotowinとうい先に開いてたウィンドウで表示したい

<a href="images/wp16_europe01.jpg" target="_blank" >

を

<a href="images/wp16_europe01.jpg" target="photowin" >

リンク元の画像の枠線も消したいです。

<img src ="images/wp16_europe01s.jpg" alt="カフェの写真"  width="162" height="122" />

を

<img src ="images/wp16_europe01s.jpg" alt="カフェの写真"  width="162" height="122" border="0" />

質問のタグにcssが入ってなかったのとwidthやheightもhtmlに書いてましたので上記を一応紹介はしますが、できればこの方法は避けてcssで行ってください。

cssであれば

css
1a img {
2    border-style:none;
3}

などのようにCSSで。。

投稿2016/11/11 15:46

hiim

総合スコア1689

退会済みユーザー

2016/11/12 01:16

CSSのことまで教えていただきありがとうございます。なんとか解決しました。

行動規範の内容に同意します

こういうことでしょうか？

html
1<html lang="ja" >
2<head>
3    <meta charset="utf-8" />
4    <meta name =" author" content ="NAME" />
5    <title>ヨーロッパの思い出</title>
6    <style>
7	a img {
8		border: 0;
9	}
10    </style>
11</head>
12<body>
13  <h1>ヨーロッパの思い出</h1>
14  <p>
15    クリックすると大きな写真を表示します。
16  </p>
17    <a href="images/wp16_europe01.jpg" target="photowin" ><img src ="images/wp16_europe01s.jpg" alt="カフェの写真"  width="162" height="122" /></a>
18</body>
19</html>