介绍:
这是一个HTML和CSS的代码段,它构建了一个基本的个人网页布局。以下是该代码的详细介绍:
HTML部分:
文档类型与基础结构:<!DOCTYPE html> 声明了文档类型为HTML5。<html lang="en"> 定义了整个HTML文档,并设置语言为英语。
头部信息:<head> 标签内包含了元数据,如字符集定义 (<meta charset="UTF-8">),视口设置 (<meta name="viewport" content="width=device-width, initial-scale=1.0">),以及页面标题 (<title>董*个人网页</title>)。此外,还链接了一个外部的CSS样式表 (<link rel="stylesheet" href="css/style.css">)。
主体内容:<body> 标签内包含了网页的可见内容。
头部区域 (<div class="header">):包括一个包含网站标题的logo (<div class="logo">) 和一个导航栏 (<div class="nav">)。导航栏包含几个链接到不同页面的锚点 (<a> 标签)。