用html css完成网页页面
时间: 2024-09-18 17:18:08 浏览: 63
HTML (HyperText Markup Language) 和 CSS (Cascading Style Sheets) 是构建网页的基本技术。HTML负责网页的内容结构,而CSS则用于定义网页的外观样式。
1. **HTML** - HTML是标记语言,通过一系列标签来描述网页内容。例如,`<h1>` 标签表示一级标题,`<p>` 标签用于段落,`<a>` 标签创建超链接等。基本的HTML结构包括`<!DOCTYPE html>`, `<html>`, `<head>`, `<body>` 等元素。
2. **CSS** - CSS通过选择器来选取HTML元素,并为其应用样式如颜色、字体、布局等。比如,你可以使用`.class` 或 `#id` 选择器来指定特定样式,`color` 设置文本颜色,`width` 和 `height` 控制元素大小,`position` 和 `display` 则影响元素的位置和显示模式。
下面是一个简单的例子:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
<style>
body {
background-color: lightblue;
font-family: Arial, sans-serif;
}
h1 {
color: darkblue;
text-align: center;
}
p {
margin: 20px;
}
</style>
</head>
<body>
<h1>欢迎来到我的网站!</h1>
<p>这是一个使用HTML和CSS制作的简单页面。</p>
</body>
</html>
```
在这个示例中,HTML定义了页面的基本结构和内容,CSS则设置了全局背景色、标题颜色及段落间距等样式。
阅读全文