画像表示で大きめの画像を小さくリスト表示し、クリックしたら別ページとっして大きい画像を表示させるとき［target="_black"］で背景色を変更したいとき、何もしないと背景は黒になってしまいます。
<!-- index.html -->
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Beach on a southern island</title>
</head>
<body>
<center>
<h2>南の島のビーチ 200×150px</h2>
<a href="pic/beach.jpg" target="_blank">
<img src="pic/beach.jpg" width="200px"
alt="南の島の写真">
</a>
</center>
</body>
</html>
<!-- index.html -->
<!-- beach.html -->
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Beach on a southern island</title>
</head>
<body>
<center>
<h2>南の島のビーチ 800×600px</h2>
<img src="pic/beach.jpg" alt="南の島の写真">
</center>
</body>
</html>
<!-- beach.html -->
色々と実験してみましたが、ヤヤコシイので、単純に新しい表示設定のhtmlファイルを開く設定にすルのが一番簡単確実です。
<!-- index.html -->
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Beach on a southern island</title>
<style>
body {
background: black;
color: lightskyblue;
}
</style>
</head>
<body>
<center>
<h2>南の島のビーチ 200×150px</h2>
<a href="beach.html" target="_blank">
<img src="pic/beach.jpg" width="200px"
alt="南の島の写真">
</a>
</center>
</body>
</html>
<!-- index.html -->
<!-- beach.html -->
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Beach on a southern island</title>
<style>
body {
background: lightskyblue;
color: mediumblue;
}
</style>
</head>
<body>
<center>
<h2>南の島のビーチ 800×600px</h2>
<img src="pic/beach.jpg" alt="南の島の写真">
</center>
</body>
</html>
<!-- beach.html -->
