前端在使用DIV+CSS布局时，通常需要通过为div命名的方式，来区分网页中不同的模块。在HTML5中布局方式有了新的变化，HTML5中增加了新的结构标签，如header标签、nav标签、article标签等，具体介绍如下。

1. header标签

HTML5中的header标签是一种具有引导和导航作用的结构标签，该标签可以包含所有通常放在页面头部的内容。header标签通常用来放置整个页面或页面内的一个内容区块的标题，也可以包含网站Logo图片、搜索表单或者其他相关内容。其基本语法格式如下：

从本篇文章开始成哥将带大家一起学习一下前端的基础知识，我们先讲解前端的基础HTML与CSS，这个讲完我们将讲解VUE前端框架，最后我们再讲讲Ant Design的VUE前端框架，从而形成前端一个系列的教程，下面就开始我们今天的内容吧！

01 HTML简介

列表

列表是一个接一个显示条目的首选方式，而不是使用<br>标记。完整的列表定义包括开始和结束标记，以及表示列表中每个条目的标记。

有三种类型的列表：有序列表、无序列表和定义列表。

列表

• 使用过word的同学应该都知道，列表基本分两种，一种带数字的有序列表，或者是圆点或方点等符号的无序列表
• 在HTML中，我们使用

HTML（超文本标记语言）中的元素可以分为两类：块级元素和内联元素。块级元素会自动占据一行，并且可以设置宽度和高度。内联元素不会自动占据一行，而是根据文本内容的长度自动调整宽度。块级元素可以包含其他元素，包括文本、图像、链接等。内联元素通常不包含其他元素。

上一节我们说了，使用<ol>标签来定义有序列表，并使用<li>标签来定义列表项。和无序列表一样，也是使用<li>标签来定义列表项。

今天来学习网页编程中的列表标签。列表标签分为有序和无序两种，它们的差别在于每个元素是否有明确的顺序。有序列表中的元素以数字、字母或希腊字母等有意义的形式排列，而无序列表中的元素则是以方块、圆点等无意义的形式排列。