一、概述
HTML和CSS是构建网页的基础，通过使用HTML编写网页的结构和内容，再通过CSS来控制网页的样式和布局。今天我们就来学习一些HTML和CSS的简单页面代码。
二、HTML的基本结构
1.<!DOCTYPE html>
在HTML文档的开头，我们首先需要声明文档的类型，告诉浏览器我们使用的是HTML5的标准。代码如下：
```html
<!DOCTYPE html>
```
2.<html>标签
<html>标签是整个HTML文档的根元素，所有其他的元素都应该包含在<html>标签内。代码如下：
```html
<html>
 
</html>
```
3.<head>标签
<head>标签用来包含一些页面的元信息，比如信息到外部样式表、设置页面的标题等。代码如下：
```html
<head>
  <title>这是页面标题</title>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
```
4.<body>标签
<body>标签用来包含页面的实际内容，比如文本、图片、信息等。代码如下：
```html
<body>
  <h1>这是页面的标题</h1>
  <p>这是一个段落</p>
  <img src="image.jpg" alt="这是一张图片">
</body>
```
三、CSS的基本样式
1.选择器
CSS使用选择器来选中HTML文档中的元素，并给这些元素应用样式。常见的选择器有标签选择器、类选择器和ID选择器。代码如下：
```css
/* 标签选择器 */
css简单网页代码p {
  color: red;
}
/* 类选择器 */
.title {
  font-size: 24px;
}
/* ID选择器 */
#header {
  background-color: black;
}
```
2.样式属性
CSS中有很多不同的样式属性，可以控制元素的外观和布局。比如颜、字体、宽度、高度等。代码如下：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。