首页html css网页代码家乡大同

html css网页代码家乡大同

时间: 2024-04-08 12:27:02 浏览: 102

HTML和CSS是用于创建网页的两种核心技术。HTML（超文本标记语言）用于定义网页的结构和内容，而CSS（层叠样式表）用于定义网页的样式和布局。 HTML使用标签来描述网页的结构。以下是一个简单的HTML代码示例，展示了一个基本的网页结构： ```html <!DOCTYPE html> <html> <head> <title>我的家乡大同</title> <style> body { font-family: Arial, sans-serif; background-color: #f2f2f2; } h1 { color: #333333; } p { color: #666666; } </style> </head> <body> <h1>欢迎来到我的家乡大同</h1> <p>大同是一个美丽的城市，拥有悠久的历史和丰富的文化。</p> <img src="downtown.jpg" alt="大同市中心"> </body> </html> ``` 在上面的代码中，`<!DOCTYPE html>`声明了文档类型为HTML5。`<html>`标签是HTML文档的根元素。`<head>`标签包含了网页的元数据，如标题和样式表。`<title>`标签定义了网页的标题。`<style>`标签用于定义内部样式表，其中指定了网页的样式。`<body>`标签包含了网页的主要内容，如标题、段落和图片。`<h1>`和`<p>`标签分别定义了一个标题和一个段落。`<img>`标签用于插入图片，其中的`src`属性指定了图片的路径，`alt`属性用于在图片无法显示时提供替代文本。 CSS用于控制网页的样式和布局。在上面的代码中，通过CSS样式表定义了网页的背景颜色、字体和颜色。可以根据需要添加更多的CSS规则来自定义网页的样式。

阅读全文