写个前端页面
时间: 2023-07-01 19:12:12 浏览: 45
好的,我可以给你一个简单的前端页面示例。
首先,你需要一个 HTML 文件来定义页面结构。以下是一个基本的 HTML 文件:
```html
<!DOCTYPE html>
<html>
<head>
<title>我的前端页面</title>
<meta charset="utf-8">
</head>
<body>
<h1>欢迎来到我的前端页面</h1>
<p>这是一个简单的示例页面</p>
</body>
</html>
```
接下来,你可以添加 CSS 样式来美化页面。以下是一个基本的 CSS 文件:
```css
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
color: #333;
}
h1 {
font-size: 36px;
text-align: center;
}
p {
font-size: 18px;
text-align: center;
}
```
最后,你可以将 HTML 和 CSS 文件链接到一起。在 HTML 文件的 `<head>` 标签中添加以下代码:
```html
<link rel="stylesheet" href="styles.css">
```
这将链接到你的 CSS 文件。现在你的前端页面就可以展示了,可以在浏览器中打开 HTML 文件来查看效果。
当然,这只是一个简单的示例页面,你可以根据自己的需求和喜好添加更多的 HTML 元素和 CSS 样式来构建更复杂和美观的页面。