一篇文章讲清楚html css js三件套之html
HTML、CSS和JavaScript构成了现代网页的三大支柱,它们分别代表网页的结构、表现和行为。下面是一个简单的HTML示例,演示了如何创建一个基本的网页结构。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>示例网页</title>
<style>
body {
font-family: Arial, sans-serif;
}
header, footer {
background-color: #eee;
padding: 20px;
text-align: center;
}
</style>
</head>
<body>
<header>
<h1>我的网站</h1>
</header>
<main>
<h2>网页内容</h2>
<p>这里是网页的主要内容。</p>
</main>
<footer>
<p>版权所有 © 2023 我的网站</p>
</footer>
</body>
</html>
这个HTML示例展示了如何创建一个包含头部(header)、主体(main)和尾部(footer)的基本网页结构。同时,我们也包含了一个简单的内部CSS样式表来为网页元素添加样式。这个示例旨在教授初学者如何开始构建自己的网页,并展示了HTML和CSS是如何协同工作的。
评论已关闭