HTML和CSS-如何创建按钮和转换页面

早些时候，我在某个地方问了一个问题，问题解决了。现在，因为我是一个初学者，没有钱买教程，所以我将在这里自学，经常问问题。现在我的问题是如何在页面的右侧只在白色部分创建按钮，以及如何修改这些按钮？请注意，页眉和页脚上的黑色是我的基本边框，空白是我将要放置所有网站信息的地方（这是我的IT课程作业，所以它是基本的）。现在，当我按下一个按钮时，如何使信息仅在空白处过渡到网站的下一部分？例如，假设我点击了一个名为“信息”的按钮，我希望我当前所在的页面能够转到该页面，比如说该页面是否有幻灯片，我只希望这发生在页面的白色部分。这是我的密码：

我将非常感谢在这一过程中不遗余力地帮助我的任何人。而且我也很困惑，为什么页脚不会出现完全相同的顶部横幅

html{
字体系列：volkorn；
-ms文本大小调整：100%；
-webkit文本大小调整：100%；
}
身体{
保证金：0；
}
.顶部{
填充：30px0；
页边距底部：0；
颜色：#000000；
背景色：#000000；
背景尺寸：封面；
}
.顶部{
填充顶部：100px；
填充底部：100px；
}  
.底旗{
填充：30px0；
页边距底部：0；
颜色：#000000
背景色：#000000；
背景尺寸：封面；
}

上传节日

要使按钮显示在最右侧，请使用以下css：

button {
    float:right;
    /*Other Modifications Go Here*/
}

这将使按钮与窗口的右侧对齐，而不是通常的左侧对齐。要修改所有按钮，请使用上面的css。如果只想执行一个按钮，请在HTML中为其指定一个名为info的类：

<button class="buttonName">Click Me</button>

如果你想让你的按钮在页眉下面，只需把按钮标签放在页眉后面和页脚之前

如果你想让页眉和页脚在点击按钮时消失，你需要将JavaScript添加到你的页面中。只需添加（在头部标记中）

函数hideBlack（）{
document.getElementByTagName（“标头”）.display=“无”；
}

然后在HTML的主体标记中，更改按钮代码，使其具有“onclick”属性。下面是它的样子：

<button id="buttonName" onclick="hideBlack()">Click Me</button>

点击我

使用该属性，您的按钮将告诉浏览器运行名为“hideBlack（）”的JavaScript函数

至于你的页脚不起作用，请对照我的例子

---

您的页脚不起作用，因为在CSS中，您忘记在其中一种样式的末尾添加分号，从而使背景颜色变为白色。

这个问题混合了许多不同的查询。a） 允许用户导航到其他页面的方式。b） 如何设置HTML元素的样式以显示在其他元素的右/左。使用堆栈溢出的最佳方法是，一旦你有了一个通过基本搜索无法解决的本地化、特定问题，我们中的大多数人都会通过各种各样的抓耳挠腮的时刻来学习web编程，我们必须在web上搜索教程和资源。我们找到的大部分教程都是免费的。当你要求个人注意时，通常应该是因为任何地方都不能解决你的问题。请不要使用snippet功能，除非确实有东西要演示。在这种情况下，只有一个空白带。远离的。谢谢，谢谢你的朋友。当我点击一个按钮时，我不想删除页脚和页眉，我只想让包含所有信息的空白滑到下一组信息。这是可能的吗？你是否在寻找一个滑动运动，在这个运动中你可以看到空白区域滑动以显示另一个白色幻灯片（页眉和页脚仍然完整）？是的，这正是我想要的。你能发布一个当前代码的JSF摘要吗？这对我来说可能更容易一点。

<script>
    function hideBlack() {
        document.getElementByTagName("header").display="none";
    }
</script>

<button id="buttonName" onclick="hideBlack()">Click Me</button>