编程笔记 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文档的结束。
