<!-- 文档声明 html5 --> <!DOCTYPE html> <!-- 根元素 lang 语言 en 英语 ch 中文 --> <html lang="en"> <!-- 网页的头部 提供关于网页的信息 --> <head> <!-- meta 元信息 编码 UTF-8 网页的关键词 -SEO去搜索 网页的描述内容 视口 viewport 表示可视区域窗口的大小 快捷键 meta:vp tab (移动端手机页面开发必须要加的代码) --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!-- 网页的标题内容 显示浏览器页卡的部分 ctrl+u 查看网页源代码--> <title>Document</title> <!-- 网页标题前面的小图标 一般是一个网页的logo --> <link rel="shortcut icon" href="//mat1.gtimg.com/www/icon/favicon2.ico" /> <!-- css引入方式 外链式 --> <link rel="stylesheet" href="外部的css样式文件"> </head> <!-- 网页的主体 提供网页的具体内容 --> <body> <!-- 开发者写的结构代码 浏览器可以解析渲染 --> </body> </html>