一、代码
<!-- 声明文档类型 -->
<!DOCTYPE html>
<html lang = "zh-cn" >
<!-- 页面头部开始 -->
<head >
<!-- 设置页面标题 -->
<title >编程笔记 html5&css&js 第一个页面</title >
<!-- 设置文档字符集为UTF-8 -->
<meta charset = "utf-8" />
<!-- 开始内联样式定义 -->
<style >
/* 选择你喜欢的颜色吧 */
body {
<!-- 设置文字颜色为青色 -->
color: cyan;
<!-- 设置背景颜色为蓝绿色 -->
background-color: teal;
}
</style >
</head >
<!-- 页面主体开始 -->
<body >
<!-- 添加一级标题 -->
<h1 >这是我的第一个页面也是一个母板</h1 >
<!-- 添加一个段落 -->
<p >这是一个段落内容</p >
</body >
</html > <!-- 结束HTML文档 -->
二、解释
-
声明文档类型：
<!DOCTYPE html>：此行声明了文档类型为HTML5，告诉浏览器应按照HTML5规范解析和渲染页面。
-
HTML标签及语言设置：
<html lang="zh-cn">：定义整个HTML文档的开始，并指定文档的语言是简体中文（zh-cn）。
-
页面头部 (head)：
-
<head>：这部分包含不直接显示在网页上的元信息。 -
设置页面标题：
<title>编程笔记 html5&css&js 第一个页面</title>：定义浏览器标签页显示的页面标题，也用于搜索引擎优化。
-
设置字符集：
<meta charset="utf-8">：告知浏览器使用UTF-8编码来解码网页内容，确保正确显示各种语言文字。
-
内联样式定义：
<style>：在此标签内部可以定义CSS样式。- 内部CSS规则：
body { color: cyan; background-color: teal; }：设置body元素内的文本颜色为青色(cyan)，背景颜色为蓝绿色(teal)。
-
-
页面主体 (body)：
-
<body>：这部分包含了所有在网页上可见的内容。 -
添加一级标题：
<h1>这是我的第一个页面也是一个母板</h1>：创建一个一级标题，内容为“这是我的第一个页面也是一个母板”。
-
添加一个段落：
<p>这是一个段落内容</p>：创建一个段落，内容为“这是一个段落内容”。
-
-
结束HTML文档：
</html>：表示HTML文档的结束。