00:00
好，下边我们看一下页面上怎么去写啊，这个代码让我们这数据能够在页面上显示出来。我们搜索一下这个关键词哈，开启智慧未来。CTRLC。过来，去找到我们的。页面文件port h什么？我们看一下啊，这是科技这边开启智慧未来对吧？哎，他们是在一起的，那么这一部分就是我们标题的部分。然后呢，看这一部分呢。从这开始哈，往下我们去找一下它的接触标签。这是我们的项目，到这儿结束了。然后呢，我们发现呢，再往下哈，这是个div class container这里边下边这就是我们的设计创意改变生活，所以说其实我们这么看哈，你看这个D呢，它的一个开始标签。啊。开始和结束标签是对应的，是在这儿，也就是说呢，从这开始。
01:00
里边包括我们的分类的信息，包括项目的信息，从这开始，这整个是一个点位。啊，这个div呢，就是谁呢，就是我们的这个叫。哎，好像过了哈。到这儿，这是那一行啊，就是整个我们看的哈，从这从这开始，也就是说我们的container啊，整个包含的就是这一行。哪一行就就是就是这些啊，他们从标签上来说，整个对应是它这一大块，我们要想显示我们的这个项目的。呃，显示同一个分类下所有的项目哈，就都是在一个div里。所以说下边我们可以去看一下，你看这个d container里边是我们的这个设计这部分。这个分类下边的。再往下啊，你看下一个呢，里边是我们农业这部分。再下一个是我们其他的发现更多惊喜什么的是吧，哎。嗯。
02:00
也就是说呢，我们每一个分类哈，就对应这么一个div的这样一个container。啊，每一个分类对应一个这个东西。那么下边我们就知道该怎么办了，咱们这些个假数据呢，咱们就可以把他们都给可以给删掉了。哎呀，这个山到哪儿呢？看他哈。看看剩下的是不是一个哈。那这设计设计这个也还是要把它删掉。留一个。呃，这个留下的这个就是我们的科技，叫科技开启智慧未来这部分。然后呢，我们看下一部分，从这里边这个点里边，它肯定是我们这个叫啥呢，具体的那四个项目的信息，这四个项目呢，我们也是留一个就行了啊，你看活性负氢净水之饮之饮机。
03:02
这是一个项目的标题，一个项目从哪开始呢？这是项目的图片。然后呢？这个是。嗯。看一下啊，从这开始到他的结束，哎，这是下一个图片说明，这是一个说明，这是一个项目。啊，说明这是一个项目。所以这个项目呢，我们留一个就行啊。哎，项目留一个就行。那这个到哪结束呢？把假数据的标签我们要删掉，这个需要大家你做的时候一定要自信一点啊。搞清楚到底是哪个开始标签和哪个结束标签是对应的。嗯。然后呢，下一步就是。我们这一个container对应一个type，然后呢，我们的一个。
04:03
这里边儿的。嗯。啊，对了，就是一个这东西哈，一个这东西。一个mbd的这个点位，它对应的是一个class啊，它对应的是一个项目啊，所以说这个时候我们按这个，我们先搞清楚这些个标签的结构，然后再去写我们这个具体的代码。
我来说两句