首页html和css静态网页制作

html和css静态网页制作

时间: 2023-08-21 16:01:54 浏览: 42

HTML（超文本标记语言）和CSS（层叠样式表）是Web开发中最基本的两个语言，它们被用来创建静态网页。下面是一个简单的HTML和CSS代码示例，用于制作一个静态网页： ``` <!DOCTYPE html> <html> <head> <title>My Static Webpage</title> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; } h1 { color: #333; text-align: center; } p { color: #666; font-size: 18px; line-height: 1.5; margin: 20px; } </style> </head> <body> <h1>Welcome to my static webpage</h1> <p>This is a paragraph of text on my webpage. I can add more paragraphs as needed.</p> <p>Here is another paragraph with some <a href="#">links</a> and <em>emphasis</em>.</p> </body> </html> ``` 在上面的代码中，我们首先使用DOCTYPE声明告诉浏览器这是一个HTML5文档。然后在html标签中包含了整个页面的内容。在head标签中，我们定义了网页的标题和一些CSS样式。在body标签中，我们添加了网页的内容，包括一个标题和两个段落。在CSS样式中，我们定义了背景颜色、字体、颜色和段落的样式。这只是一个简单的例子，但是你可以使用HTML和CSS创建任何你想要的静态网页。