简单网站模板1(HTML)

想要拥有自己的网站,却不知该如何才能简约好看,接下来分享一种自己搭建的网站模板,希望大家喜欢。

展示图:

CODE:

html 复制代码
<!DOCTYPE html>
<html>
<head>
    <title>我的网站</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f2f2f2;
            margin: 0;
            padding: 0;
        }
        
        header {
            background-color: #333;
            color: #fff;
            padding: 20px;
            text-align: center;
        }
        
        nav {
            background-color: #666;
            color: #fff;
            padding: 10px;
            text-align: center;
        }
        
        nav a {
            color: #fff;
            text-decoration: none;
            margin: 0 10px;
        }
        
        section {
            padding: 20px;
            margin: 20px;
            background-color: #fff;
            border-radius: 5px;
        }
        
        footer {
            background-color: #333;
            color: #fff;
            padding: 20px;
            text-align: center;
        }
    </style>
</head>
<body>
    <header>
	<h1>我的第一个网站</h1>
    </header>
    
    <nav>
    </nav>
    
    <section>
    </section>
    
    <footer>
    </footer>
</body>
</html>

如果觉得这种太复杂了,还有一个比较简单。

效果图:

CODE:

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
<title>页面标题</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
  font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>

<h1>我的网站</h1>
<p>我创建的一个网站。</p>

</body>
</html>

Ladies and gentlemen,看到这么详细的代码,赶紧用你发财的小手点个赞吧!

相关推荐
三巧1 分钟前
纯CSS吃豆人(JS仅控制进度)
javascript·css·html
软件技术NINI18 分钟前
html css js网页制作成品——HTML+CSS+js美甲店网页设计(5页)附源码
javascript·css·html
NoneCoder4 小时前
HTML与Web 性能优化:构建高速响应的现代网站
前端·性能优化·html
张张张3124 小时前
4.23-4.26学习总结 HTML—CSS常见标签和样式
css·学习·html
爱编程的鱼6 小时前
如何让 HTML 文件嵌入另一个 HTML 文件:详解与实践
前端·html
datacollectionspecia8 小时前
优化无头浏览器流量:使用Puppeteer进行高效数据抓取的成本降低策略
python·html
至尊童9 小时前
5个Web开发中的使用技巧
javascript·html
前端小巷子10 小时前
替换元素与页面可见性:提升前端体验的关键细节
前端·html
前端大白话10 小时前
惊!90%前端竟不知如何用CSS给`<q>`标签添加超绝引号?3步实现文本引用华丽变身
前端·css·html
john_Asura11 小时前
Vue3 自定义指令完全指南
前端·javascript·vue.js·npm·html