整个页面分为三个模块。这两个元素之间的唯一区别是div是块级元素而span是行内级元素。有两种类型的元素。其中，块级元素会独占一行，不能与其他元素并排。您可以设置固定的宽度和高度。内联元素可以和其他内联元素并排放置，不能设置宽高。例如，让我们看看下面的代码将显示什么GitHub:https://github.com/lijiayuan365Yes可以看出两个span元素的内容挤在了一行，而div的内容挤在了一行。3标题元素h1-h6h1-h6元素代表六级章节标题。h1是最高级别，h6是最低级别。从语义的角度来看，这个元素被用作标题。在演示页面中，每个项目的标题使用h1元素。4段落元素pHTML段落元素。代表一段文字。该元素通常显示为与相邻文本分隔的整个文本块，由垂直空格分隔或由第一行缩进。反正你有几段文字要显示，可以丢到p元素里面，一个元素的内容就是一个段落。5列表元素ulolli这是一个列表元素。其中ul、ol分别定义无序列表和有序列表。li是他们列表中的列表项。看看代码。

• 熟悉HTML、CSS、JavaScript等前端技术；
• 熟悉DIV+CSS布局；
• 熟悉jQuery、Vue、WePY等前端开发框架；
• 熟悉前端开发规范、工程化、组件化、模块化开发；
• 了解面向对象设计原则、常用数据结构和算法、设计模式；
>
• 了解服务器语言Java、Node.js和HTTP协议；

...

1. 使用Express搭建后台，使用分层思维优化后台项目结构
2. 使用Antv-G6设计工作流绘图组件
3. 使用Vue动态组件实现表单域的动态渲染
4. ...
/ol>可以看到ul无序列表的列表项用黑点标记，ol有序列表的列表项直接用数字顺序排列。6表格元素tabletrthtd有时候我们用一个简单的列表来展示数据似乎不是特别直观，我们就会用一个表格。这其中涉及的元素相当多。其中table定义了一个表，tr表示表的一行，其中的td和th是行中的列项。其中th是列标题。看看代码你就明白了。时间单位工作内容位置2018.06-2018.10XX公司What前端开发工程师2018.06-2018.10XX公司什么牛逼你做过的事情，取得了哪些了不起的成果前端开发工程师当上面的内容显示在网页上时，会出现如下内容影响。然后就是table元素的几个属性我们需要拉出来看看。属性说明border定义表格边框的宽度cellspacing指定单元格之间的间距cellpadding指定单元格边框与其内容之间的间距。（也就是内边距）另外，td元素还有两个属性也是我们要注意的。属性说明colspan指定一个单元格可以跨越的列数rowspan指定一个单元格可以跨越的行数。有时候我们有左右cell合并的情况，也可能有上下cell合并的情况，像下面这种情况。这种东西就是分别用colspan="2"和rowspan="2"让一个td占两个td的列（行）。代码如下：1232列12行rrrrrreeeeee这个上面的空间排列得恰到好处，如果空间多了或者少了，如果有多余的tds怎么办？自己玩。7其他元素7.1按钮元素按钮按钮树是最常见的用户交互元素，使用起来很方便。Iwantyou就是显示一个按钮，然后给他的点击事件（onclick）绑定一个方法，这样之后会弹出一个对话框用户点击。7.2链接元素我们平时有词的时候，应该都用过超链接。这是网页中的链接，用于从当前页面链接到其他地方。lijiayuan.top上面的a元素的内容就是网页显示的内容，元素的href属性就是地址链接跳转。当我们在网页上点击这个内容时，会直接跳转到网址http://www.lijiayuan.top。7.3图片元素img俗话说“有图胜于序”，所以我们的网页中一定要放图片。使用img元素放置图像。img元素的src属性是指显示图片的地址，可以是本地的也可以是在线的。那么alt属性就是指你src给的地址没有图片时会显示的文字。写起来合乎逻辑。height和width属性就不说了，就是图片的高和宽。最后，上面的元素基本上就是我们平时用的比较多的元素了。其实基本就用到这些。但是在HTML5之后，又出现了很多新的语义标签，这个大家自己看看吧，以后再说吧。因为不想写太多，元素中的一些属性就不详细描述了，只是想让大家知道它的使用就是这么简单。更深入的理解，自己来或者看我后面写不写。看完这篇文章，大家其实都能写出基本的HTML了，只是写的比较丑。没关系，丑死了，大家记下来，实践一下，可以模仿我给的demo。（基本前端全部模仿）。反正就是一句话，多敲代码。