网页版式的基本类型主要有骨骼型、国字型、拐角型、框架型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、自由型等12种。
1、满版型
pop布局属于此类。就是指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，页面以图像充满整版。主要以图像为诉求点，将少量文字压置于图像之上。满版型给人以舒展、大方的感觉，视觉传达效果直观而强烈，缺点就是速度慢。随着当今网络带宽不断变大，这种版式在商业网站设计尤其是网络广告中比较常见。
2、骨骼型
也可称为栏型，网页中的骨骼型版式是一种规范的、理性的设计形式，类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏居多。这种版式给人以和谐、理性的美，几种分栏方式结合使用，显得网页既理性、条理，又活泼而富有弹性。这种版式常用于公司网站的设计。
3、国字型
口字型、同字型、回字型都可归属于此类，是一些大型网站所喜欢的类型，即最上面是网站的标题、导航以及横幅广告条，接下来就是网站的主要内容，左右分列一些小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种布局的优点是充分利用版面，信息量大，缺点是页面拥挤，不够灵活。这种结构是我们在网上见到的差不多最多的一种结构类型，常用于门户网站的设计。
4、拐角型
匡型布局或t型布局可归于此类，在匡型布局中，常见的类型有上面是标题与导航，左侧是展示图片的类型和最上面是标题及广告，右侧是导航链接的类型。这种版式在韩国的网站中常见。t布局就是指页面顶部为横条网站标志与广告条，下方左面为主菜单，右面显示内容的布局，因为菜单背景色彩较深，整体效果类似英文字母t，所以称之为t形布局。这种布局的优点是页面结构清晰，主次分明，是初学者最容易上手的布局方法。缺点是规矩呆板，如果在细节色彩上不注意，则很容易让人感觉枯燥无味。
5、框架型 框架型版式常用于功能型网站，例如邮箱、论坛、博客等。
1）左右框架型
这是一种左右分别为两页的框架结构，一般左面是导航链接，有时最上面会有一个小块标题或标志，右面是正文。我们见到的大部分的大型论坛都是这种结构，一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。
2）上下框架型
与左右框架类似，区别仅仅在于这是一种上下分为两页的框架。
3）综合框架型
这是上述两种结构的结合，是一种相对复杂的下型框架结构，较为常见的类似于“拐角型”结构的，只是采用了框架结构。常见的邮箱网站的版式都是综合框架型。