```

在上面的代码中，我们可以看到各种不同类型的HTML标签。``声明告诉浏览器这是一个HTML5文档。``标签是整个网页的根元素。``标签通常包含了一些与网页相关的元数据，如标题和链接到外部样式表的声明。``标签是网页的主要内容，其中包含了网页的标题、导航、节和页脚。

在上面的代码中，我们还使用了一点CSS来为网页添加样式。CSS的代码通常存储在一个单独的样式表中，也可以直接在HTML文件中使用内联样式。下面是一个简单的CSS代码示例：

```css

/* style.css */

header {

background-color: #333;

padding: 10px;

color: white;

}

nav ul {

list-style-type: none;

margin: 0;

padding: 0;

}

nav ul li {

display: inline;

margin-right: 10px;

}

nav ul li a {

color: white;

text-decoration: none;

}

section {

margin-top: 20px;

}

h2 {

color: #333;

}

article {

margin-bottom: 20px;

}

h3 {

color: #333;

}

p {

color: #666;

}

```

在上面的代码中，我们使用了一些CSS选择器来为不同的HTML元素添加样式。例如，`header`选择器选择了`