一：网页基本组成框架
<html>
<head>
</head>
<body>
<p>网页基本组成框架</p>
</body>
</html>
<!-- 以下内容为解析
<html> 文件开始的标记
<head> 文件头部开始的标记
····· 文件头部的内容
</head> 文件头部结束的标记
<body> 文件主体开始的标记
····· 文件主体的内容
</body> 文件主体结束的标记
</html> 文件结束的标记
在HTML文件中，所有的标记都是相对应的（除个别），开头标记为< >,结束标记为</ >。
-->ps：在平常网页上所显示的内容的代码全是打在<body>标签里，而<head>头部标签里面的代码不会显示在网页上，外部样式表和一些注释都在头部标签内注明。
二：网页标题标签
放在<head>标签里，通常显示在浏览器窗口的标题栏或状态栏上。如图：
格式：
<html>
<head>
<title> title标签在这里</title>
</head>
<body>页面显示的内容</body>
</html>ps：标题标记显示在浏览器的标题栏中，一般用来说明页面的用途。这个标签一个网页只有一个
三：标题标签
这个与网页标题标签不同，这个标签是放在<body>里的，也就是说会在网页上显示出来的。
<html>
<head></head>
<body>
<h1>学子家园工作室</h1>
<h2>学子家园工作室</h2>
<h3>学子家园工作室</h3>
<h4>学子家园工作室</h4>
<h5>学子家园工作室</h5>
<h6>学子家园工作室</h6>
</body>
</html>ps：标题标记，分为6个级别，其中<h1>代表1级标题，级别最高文字也最大，其他元素依次递减，<h6>级别最低。
四：段落标签
<html>
<head></head>
<body>
<p>这是一个段落标签</p>
</body>
</html>ps：段落标签的作用：将HTML文档分割为若干段落。
扫描二维码关注公众号，回复：
11383984 查看本文章
例子：拿这段诗作比较“草铺横野六七里，笛弄晚风三四声。归来饱饭黄昏后，不脱蓑衣卧月明。”
1：每句都用一个段落标签。代码如下：
<html>
<head></head>
<body>
<p>草铺横野六七里，</p>
<p>笛弄晚风三四声。</p>
<p>归来饱饭黄昏后，</p>
<p>不脱蓑衣卧月明。</p>
</body>
</html><html>
<head></head>
<body>
<p>
草铺横野六七里，笛弄晚风三四声。归来饱饭黄昏后，不脱蓑衣卧月明。
</p>
</body>
</html>五：简单样式：文字变色，变字体，大小
<html>
<head>
<title>注意style中属性的格式</title>
</head>
<body>
<p style="color:red">草铺横野六七里，</p>
<p style="font-family:汉仪雪君体简;">笛弄晚风三四声。</p>
<p style="font-size:30px">归来饱饭黄昏后，</p>
<p style="color:red;font-family:汉仪雪君体简;font-size:30px;">不脱蓑衣卧月明。</p>
</body>
</html>ps：样式：
*：样式有三种不同的表达形式，这里使用的是内联样式。
*：一对标签之间的内容是没有加任何修饰的。如：<p>草铺横野六七里</p>
*：但如果给标签加上样式，标签里的内容将会得到修饰、美化。
*：style中的color（颜色）、font-family（字体）、font-size（字体大小） 我们称之为属性。
总结：
初学网页一定要自己敲代码，不要想着复制粘贴。
初学者推荐先用记事本来敲代码。
记事本步骤
1：新建一个记事本
2：将HTML框架敲出（<html><head></head><body></body></html>）
3：保存后，将记事本的后缀名由.txt改为.html
4：之后修改就打开方式选择记事本