编程笔记 html5cssjs 001 第一个网页

编程笔记 html5&css&js 001 第一个网页

一、代码
二、解释

这是第一个网页，也是一个模板。

一、代码

<!-- 声明文档类型 -->
<!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文档的结束。