如何将嵌入式按钮添加到链接到相同网站页面的新 Google-Sites [2018]？

Question

在在线工具的帮助下，我为按钮及其悬停效果生成了代码。嵌入式按钮的 hyper-ref 应该指向同一 google 站点的 "Contact" 页面，但我不知道在哪里可以找到实际的 URL.The google - 网站尚未发布，所以我确定在网站版本期间导航栏中显示的所有 URL 都是临时的。 Google-sites 提供了添加图像或文本链接的选项，引导同一个站点，但我看不到实际的 URL 是什么样子。

为了参考，我粘贴了按钮的代码。我想我只需要更改第一行（即 href="#" 中的哈希符号）即可解决问题。我是网络编程的初学者。有什么建议吗？

<a href="#" class="myButton">Contact Us for Your Solution</a>
<style>.myButton {
    -moz-box-shadow: 3px 3px 1px 0px #878787;
    -webkit-box-shadow: 3px 3px 1px 0px #878787;
    box-shadow: 3px 3px 1px 0px #878787;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color:#ffffff;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-family:Trebuchet MS;
    font-size:15px;
    font-weight:bold;
    padding:6px 8px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color:#f6f6f6;
}
.myButton:active {
    position:relative;
    top:1px;
}</style>

Answer 1

考虑到您要 link 访问的页面位于同一域中，您可以简单地使用 relative link:

<a href="contact" class="myButton">Contact Us for Your Solution</a>

如果页面是目录结构中的一个或多个文件夹，在前面加上../:

<a href="../contact" class="myButton">Contact Us for Your Solution</a>

如果页面位于网站的根目录 (http://www.example.com/contact)，您可以通过在前面加上斜线来使用绝对 link：

<a href="/contact" class="myButton">Contact Us for Your Solution</a>

如何将嵌入式按钮添加到链接到相同网站页面的新 Google-Sites [2018]？

How to add embedded buttons to new Google-Sites [2018], linked to the same site pages?

html

javascript

css

jquery

google-sites-2016