从0到1开启web前端学习之旅三

老渡司机天天见，欢迎回到我们的Coding Time!!! 今天老司机要加速了，搞定所有html常用标签，先来说一下这漆着重介绍的几个标签，其余的标签我们会在视频链接里做详尽的说明。

首先说一个比较重量级的一组标签，

和

为什么说重量级呢。因为之前的标签都可以单独使用，但这两个标签只要出现，就是配合在一起实用的，现在我们先从他们兄弟组合标签的英文含义开始说起，ol其实就是order list（有序列表） li则是list-item （列表项目）

他们本意是用来展示具有顺序的条目信息比如:

 

但是ul英文的意思是无序列表，他的用途必然不是为了展现这些有顺序的每一个条目信息，那他的作用到底是啥呢？？？

 

鲁迅说: 有些看似没有功能的标签，但因为具有容器性而被广泛使用。

 

 

那么ul标签和li标签也是具有容器性的特点，常常被作为导航栏这种功能子项相似但具体细节不同的区域首选标签！！！不信你看下面:

左侧蓝色区域是导航栏区域，右侧则是他们html语法，显而易见这种导航栏的确是用ul和li标签配合使用完成的。标签的具体使用方法今天的视频里会有详细的介绍，我们这里只是为大家捋顺出一个清晰的学习路线方便大家后续的学习。

 

那接下来本期再说一下另一个特别重要的标签form表单，为什么说重要呢？因为一个动态网页（动态网页是指:客户端-浏览器和服务端-服务器能有数据交互，相互通信，而不是指客户端的网页有动态效果）的制作必须依靠form表单进行通信(当然这是在很多年前必须依靠form，如今可以用Ajax,fetch等技术进行通信)。

这种通信的需要在我们当今网页中极其常用，比如你在百度搜索框里输入了这样一串字符，实际上客户端会把这串字符（也是我们理解的数据）发送给服务端，服务端处理后把相关的搜索的信息返回给客户端，客户端再进行处理，实际上我们前端所做的事情就是，接受用户的操作指令分发给服务端，然后再接受服务端返回的数据展示给用户。那与服务端通信是一个很关键的过程，以前必须依靠表单这种标签完成此类功能，但现在我们用更好的方法实现等讲到javascript的时候会详细说明

 

当然form标签也需要配合很多其他标签进行使用，具体以后会有详细的介绍。

 

本期视频除了有上述知识点以外还有其他很多标签的使用方法，想了解点击下面视频链接。

 

http://v.youku.com/v_show/id_XMTYzMDI2MTcwOA==.html?spm=a2h0k.8191407.0.0&from=s1.8-1-1.2

 

http://v.youku.com/v_show/id_XMTYzMDI2MjYwOA==.html?spm=a2h0k.8191407.0.0&from=s1.8-1-1.2