长大是一辈子的事！各位好！是时候问新名字了(那天改了名字，觉得还是用时问新名字好)。共享前端、Python和其他技术，并在个人成长的道路上前进。
html由不同的标签组成。
书名标签
Health系列标签代表了“标题”的语义，即标题标签。headline是headline的首字母(标题)。
H1-h6代表第一至第六级标题。
第一类标题最重要，第二类标题次之，第三类到第六类标题语义量依次下降，就是语义量越来越弱。
由于搜索引擎很重视h系列标签，特别是h1，所以我们应该把重点放在h1标签上，比如网页的logo上。
注：一般在网页上只放一个h1标签对，否则会被搜索引擎视为欺骗。例如百度和搜狗，都有这样的规定，如果在你的网页上发现h1标签对有多个，就不能抓到。您可以在一个页面中添加多个h1，但不建议这样做。
好了，现在我使用vscode打开前first.html页面，在body中，将之前写的内容删除，然后像我写h1标题那样重新输入内容：
上海简介
接着，ctrl+shift+p打开liveserver，在浏览器中查看以下内容：
下面假设，我要从几个方面来介绍上海，比如我介绍的三个方面：地理环境，自然资源，人口，我可以在h1下加上3个二级标题h2。以下：
在浏览器中有以下效果：
从上面的效果可以看出，h2的3个标题都是同级标题，字号也一样大，比h1的标题字号小一些。
假设我这页的内容，就是介绍上海的吧。然后我就可以把二级标题再分为三级标题了。例如，地理环境，我可以再分为三个方面：地点、气候、水文；自然资源，可再分为矿藏和生物2个方面；人口，可再分为年龄和性别2个方面；下图：
在浏览器中的效果如下：
那样就相当于，对介绍上海的文章作了提纲划分了吗？如果有必要的话，你可以将它分为以下几个部分：h3标题下的h4可以添加h4标题，h4下的h5可以一直添加到h6，但只有极少数的页面可以使用h6。
章节标签
使用段落标记。
…p-是paragraph的首字母(段落)。
playtable默认具有换行功能，所有段落都写在p标签对中。
注：
1即使在html文件中，您自己将文字换成了行，但在浏览器中的网页上的效果，仍然不会对文字进行换行，只有您将想要换行的文字写进p标签中，页面才会出现换行效果。
不能在2p标签内部嵌套其他p标签和h系列标签。
例如，上海的位置，我在编辑器里写到：
在编辑器上，我们可以看到，“上海位于中国的东部沿海。”以及”上海市位于东经120°52′至122°12′、北纬30°40′至31°53′之间”，分别为两段。但我没有给它们加上p标签，我们只是在编辑器中，把它们换成其他行，然后占一行。但在浏览器中，效果如下：
从浏览器中，我们可以看到这两个句子是在同一行的，并且没有换行。事实上，我的目的就是把他们分成两段。为了达到换行的效果，你需要将它们分别放在两个p标签上。下面是：
到目前为止，它的效果如下：
下面我再根据上面划分的大纲，把上海市的详细介绍，用p标记写成一段，如下图：
我的网页上的logo。
上海简介
上海地理环境。
定位。
上海位于中国的东部沿海。
上海是一个有120°52′至122°12′、北纬30°40′至31°53′的城市。
天气。
上海属于亚热带季风性气候，四季分明，日照充足，雨量充足。上海的气候温和湿润，春秋两季短，冬夏季长。全市2013年平均气温17.6℃，日照时间1885.9小时，降水量1173.4毫米。年降水量的60%以上集中在五月到九月的汛期。
水文学
上海位于长江入海口与太湖流域的东岸。境内河流(湖泊)500多平方公里，河面积积率在9%~10%之间，上海市的河道长度在2万公里左右，平均河网密度在3~4公里/平方公里。国内江、河、湖、塘相互交错，水网交错，主要水域和河道有长江口、黄浦江及其支流吴淞江(苏州河)、海藻浜、川杨河、淀浦河、大治河、斜塘、圆泄泾、大青港、太浦河、拦路港、金汇港、油墩港等。
上海的自然条件
矿物
国内金属矿资源匮乏，建筑石料十分稀缺，陆上能源矿产同样匮乏。从70年代起，人们开始在海上寻找油气资源，通过多口钻井获取工业原油和天然气。根据初步估计，东海大陆架油气储量约60亿吨，是中国近海地区最大的含油气盆地。
生物学。
本市的自然植被尚存较少，大部分为人工种植作物和林木。木本植物自然群落，仅分布于大金山岛、佘山等局部地区，在沙洲、滩涂和港汊中均有分布。种植作物种类超过100种，近万个品种。
上海人口。
年纪
根据上海市统计局发布的最新统计公报，到2015年底，上海市常住人口为2415.27万，比2014年底减少10.41万。
两性
在全市常住人口中，1985634人为0-14岁，占人口的8.63%;15-64岁为18703674人，占人口的81.25%;65岁及以上人口为2329840人，占人口的10.12%。
显示在浏览器中的效果如下：
注：h系列标签和p标签不能相互嵌套，因此上面的代码，没有缩进。不可相互嵌套的代码不要缩进。
暖心提示：我们的代码或者文字比较多的情况下，在vscode编辑器中，一行代码会比较长，不利于阅读。如果按alt+z，我们就能解决这个问题。或在编辑器中，点击“查看-自动换行切换”。
谢谢阅读！结识不易，请点赞或转发到鼓励一下吧！请关注我，从零基础开始，扎实基础的前端工程师。