【网页设计】用HTML5设计一张简易网页

最新推荐文章于 2024-08-19 16:20:42 发布

一切为了理想

最新推荐文章于 2024-08-19 16:20:42 发布

阅读量511

点赞数 5

文章标签： html5

本文链接：https://blog.csdn.net/2401_85245916/article/details/139231519

版权

以下是一个简化的HTML5代码示例，包含了您所要求的基本网站结构，并且头部的背景板设置为蓝色：

html

复制

<!DOCTYPE html>

<head>

<title>基本网站结构</title>

<style>

header {

background-color: blue;

color: white;

padding: 20px;

}

nav {

background-color: #333;

color: white;

padding: 10px;

}

main {

padding: 20px;

}

footer {

background-color: #f8f9fa;

padding: 10px;

text-align: center;

}

</style>

</head>

<body>

</header>

<nav>

<ul>

</ul>

</nav>

<main>

<p>这里是主要内容区域。</p>

</main>

</footer>

</body>

</html>

这个HTML5代码片段创建了一个基本的网站结构，包含了头部、导航栏、主要内容区域和页脚。头部（header）的背景色被设置为蓝色，并且包含了一个白色的标题。导航栏（navbar）使用了深灰色背景，主要内容区域（main content area）和页脚（footer）分别添加了适当的内边距（padding）以提供视觉空间。页脚区域包含了版权信息。