首页给我用HTML写一个简单的博客博文模板

给我用HTML写一个简单的博客博文模板

时间: 2023-11-13 16:04:41 浏览: 32

好的，以下是一个简单的博客博文模板： ```html <!DOCTYPE html> <html> <head> <title>我的博客</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> /* CSS 样式 */ body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 1rem; text-align: center; } main { max-width: 800px; margin: 0 auto; padding: 2rem; } h1 { font-size: 2rem; margin-top: 0; } p { margin-bottom: 1rem; } img { max-width: 100%; } </style> </head> <body> <header> <h1>我的博客</h1> </header> <main> <article> <header> <h1>博客文章标题</h1> <p>作者：博主</p> <p>时间：2022-01-01</p> </header> <div> <p>博客文章内容</p> <img src="图片地址" alt="图片描述"> </div> </article> </main> </body> </html> ``` 你可以根据自己的需求修改样式和内容，这只是一个简单的模板。