欢迎来到我的网站 - 个人资料、博客文章和项目作品 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>欢迎来到我的网站</title>
	<meta charset='UTF-8'>
	<meta name='viewport' content='width=device-width, initial-scale=1.0'>
	<style>
		body {
			background-color: #f2f2f2;
			font-family: Arial, sans-serif;
			font-size: 16px;
			line-height: 1.6;
			color: #333;
			margin: 0;
			padding: 0;
		}
<pre><code>	header {
		background-color: #333;
		color: #fff;
		padding: 20px;
		text-align: center;
	}
	
	h1 {
		font-size: 3em;
		margin: 0;
	}
	
	main {
		max-width: 800px;
		margin: 0 auto;
		padding: 40px;
		background-color: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	}
	
	p {
		margin: 1em 0;
	}
	
	button {
		display: inline-block;
		padding: 10px 20px;
		font-size: 1.2em;
		background-color: #333;
		color: #fff;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		margin-top: 20px;
	}
	
	button:hover {
		background-color: #666;
	}
&lt;/style&gt;
</code></pre>
</head>
<body>
	<header>
		<h1>欢迎来到我的网站</h1>
	</header>
	<main>
		<p>感谢您访问我的网站！在这里，您可以了解我的个人资料、博客文章、技术经验和项目作品。</p>
		<p>请点击下面的按钮开始浏览：</p>
		<button onclick='location.href='https://www.example.com/profile''>个人资料</button>
		<button onclick='location.href='https://www.example.com/blog''>博客文章</button>
		<button onclick='location.href='https://www.example.com/projects''>项目作品</button>
	</main>
</body>
</html>