网页设计

这是一个简单的网站示例,使用HTML和CSS来创建。在这个例子中,我们使用了一个基本的HTML结构,包括htmlbody标签,以及一些内联样式来设置页面的大小、边距和填充。

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>简单网站示例</title>
<style>
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个简单的网站示例,用于演示如何使用HTML和CSS创建一个基本的网页布局。</p>
</body>
</html>

在这个示例中,我们首先定义了文档类型为HTML5,并添加了一些元数据,如字符集和视口设置。接着,我们在<head>标签内添加了一个<style>标签,用于编写CSS样式。在这段代码中,我们为body元素设置了宽度、高度、外边距和内边距为0,以确保页面充满整个屏幕。

<body>标签内,我们添加了一个一级标题(<h1>)和一个段落(<p>),用于显示页面内容。这些内容可以根据需要进行修改或扩展。

这个简单的网站示例展示了如何使用HTML和CSS创建一个基本的网页布局,并通过设置body元素的样式实现全屏效果。