简介： 路要一步一步的走，饭要一口一口的吃，今天我来给大家整理下前端的学习路线。

转自：一点通

初级阶段（静态网页制作、JS编程入门）

本人才刚刚学习HTML不久，会慢慢通过分享学习更多HTML内容。

在文本HTML中，列表分为有序列表和无序列表，其中无序列表<ul>中有type属性，type：可以设置列表前图标的样式，square设置成方块形状，circle设置为空心圆形，disc设置为实心圆形。当然如果想要更多的图标样式，就需要借助css技术。有序列表<ol>中也有type属性，不过在有序列表可以设置列表的标号：1，a，A，i，I，还有start属性，可以设置起始标号，例如start=5，即为第一个序号为5，后一个为6，逐渐排序下去。而<li>标签是定义一个列表项，是否为有无序，取决于是<ol>标签，还是<ul>标签。

标签打印机很多人都用过，一排一个标签相信大家都会设置，非常简单。那么，一排3个或者多个标签可以打印吗？需要怎么设置呢？

在HTML的世界里，一切都是由容器和内容构成的。容器，就如同一个个盒子，用来装载各种元素；而内容，则是这些盒子里的珍宝。理解了这一点，我们就迈出了探索HTML布局的第一步。

1.br 强制换行标签

让后面的文字、图片、表格等等，显示在下一行

先看最终效果：

制作思路：

在timeline里每一行使用dl标签布局；每行(dl)左侧的边框使用border-left绘制。左侧圆形使用dt布局，我们可以使用border给dt加边框，使用border-radius绘制圆形效果，右侧文字使用dd排列。

html布局代码如下：

<div class="timeline">