两种主要的页面布局技术分别是
就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。二、网页布局有以下几种常见结构：
【1】“国字”型布局：“国”字型布局由“同”字型布局进化而来，因布局结构与汉字“国”相似而得名。
其页面的最上部分一般放置网站的标志和导航栏或Banner广告，页面中间主要放置网站的主要内容，最下部分一般放置网站的版权信息和联系方式等。
【2】T型布局T型布局结构因与英文大写字母T相似而得名。其页面的顶部一般放置横网站的标志或Banner广告，下方左侧是导航栏菜单，下方右侧则用于放置网页正文等主要内 【3】标题正文型标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等。
【4】左右框架型布局左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。左侧一般主要为导航栏链接，右侧则放置网站的主要内容 .
两种主要的页面布局技术是表格布局和CSS布局。表格布局是一种比较传统的布局方式，通过将页面划分为表格单元格来设置布局。虽然易于理解和实现，但它的缺点是不够灵活，且代码量较多。
相比之下，CSS布局则是一种更加现代化和灵活的布局方式，它使用CSS属性来控制元素的位置、大小和间距等属性。
CSS布局可以轻松地实现响应式设计，兼容性更好，也更易于维护和修改。因此，CSS布局已经成为现代Web开发的主流布局方式。
如何实现CSS样式之多个层DIV并排布局
1、使用css float并排显示：
对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。
加float浮动实现多个div并排显示。
这里对div通设一个浮动，当然实际使用时候，要通排显示div对象的加入css类，就对要同行显示css选择器设置浮动。避免其它不需要设置的也被加入浮动样式。
2、使用css display同行显示：
加入display:inline即可解决实现同行并排显示div盒子对象。
对div标签设置div{ display:inline}样式。
扩展资料
div标签的作用：
主要应用div结构网页大小局部，架构网页框架。譬喻一张网页最外层、大结构布局、小部份布局。div内可以嵌入模式，也或许嵌入任何标签。要实现漂白的各种各样的网页，div使用必不可少，div机关框架再运用css对其设置名堂，完成千般各样刻舟求剑的网页。
div标签自身是不有任何效用的标签，也不是特殊标签。一样平常组织经常运用DIV作为主要的构造标签，再配合其他标签的应用达到结构需求，而另外标签各有各机能与作用。
div自身就作为DIV CSS构造的首要标签（div构造大小结构，架构大小框架、嵌套嵌入形式或其他标签，应用其他标签大面积构造大小结构 大小框架不切当），所以要应用div标签构造html。
html在新窗口中打开链接
1、打开编辑器，这里以sublime text3作为示范。
2、创建一个index.html文档。
3、首先要创建HTML的框架。
4、然后再创建一个HTML，这是我们要跳转的地方。
5、在主页上写：＜a href="abc.html">点击这里＜／a>这个时候点击就能够跳转了。
6、＜a href="abc.html" target="_blank">点击这里＜／a>添加target="_blank"就能够在点击的时候在新的窗口打开。