将着陆页上居中对齐的图像链接到另一个页面

Question

我试图将我的着陆页上的单个可点击图像居中，该图像 link 指向受密码保护的目录（folder2）中的另一个页面。我能够将图像居中对齐，但我无法弄清楚如何以正确的方式 link 将图像 link 到密码保护目录中的页面。当我点击图片时，它会将我带到

Bad Request - Invalid URL. HTTP Error 400. The request URL is invalid.

页。地址栏中的 URL 是这样显示的：

http://example.com/â€œ/folder2/index.htmlâ€%C2%9D

如果我使用直接 URL

我可以访问该页面

http://example.com/folder2/index.html

如果你们能帮我解决这个问题，我将不胜感激。谢谢！

这是我使用的代码：

<!DOCTYPE html>
<html>
<head>
<style>

body {
    background-color: #1A928A;
}

</style>
</head>

<body>
<div><a href=“/folder2/index.html”><img src="gliph.png"></a></div>
<style>
html, body
{
    height: 100%;
    margin:0;
    padding:0;
}

div {
    position:relative;
    height: 100%;
    width:100%;
}

div img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}

</style>
</body>
</html>

Answer 1

这是因为你在link上的引用不是正常引用。 “ 而不是 “

还有第二个引号。

Answer 2

看起来您在 href 中使用了“而不是常规双引号：”

请试试这个

将着陆页上居中对齐的图像链接到另一个页面

Linking a center aligned image on a landing page to another page

css

anchor

center

alignment