首页Html+css写一个简单的网页

Html+css写一个简单的网页

时间: 2024-11-29 10:35:20 浏览: 12

HTML (HyperText Markup Language) 和 CSS (Cascading Style Sheets) 结合可以创建基本的静态网页。下面是一个非常简单的例子： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>我的第一个简单网页</title> <style> body { font-family: Arial, sans-serif; background-color: #f0f0f0; } .container { width: 80%; margin: 0 auto; /* 居中 */ padding: 20px; border: 1px solid #ccc; box-sizing: border-box; } h1 { color: #333; } </style> </head> <body> <div class="container"> <h1>欢迎来到我的网站!</h1> <p>这是一个使用 HTML 和 CSS 创建的基本示例。</p> </div> </body> </html> ``` 在这个例子中： - `<!DOCTYPE html>` 定义了文档类型为 HTML5。 - `<html>` 标签包含了整个网页的内容。 - `<head>` 区域包含了元数据，如标题 `<title>` 和样式表 `<style>`。 - `body` 元素设置了网页的基础样式，如字体、背景颜色等。 - `.container` 类用于定义一个居中的容器，包含了一个标题 `<h1>` 和段落 `<p>`。要查看这个页面的效果，你可以将这段代码保存到一个`.html`文件中，然后通过浏览器打开它。

阅读全文