也可以DIV布局的内容，也可以直接是文字这里也是最主要区域，网页的内容呈现区5最后是以quotlthtml quot结尾，也就是网页闭合以上是一个完整的最简单的html语言基本结构，通过以上可以再增加更多的样式和内容充实网页。

先给你写一套代码，之后再来解释哈css部分aa display flex 使用flex布局，可以轻易获得水平布局 alignitems center 垂直方向居中 justifycontent center 水平方向居中 height 200px。

1图片宽高固定，这种情况很简单水平居中就在图片的css中加dispalyblockmargin0auto垂直居中自己算出p的高度图片的高度2，得到margintop值即可2图片高度未知，这个布局比较难实现一般我是用js做的。

9网页布局分为自然布局，浮动布局， 定位布局 10当一个元素被定义为浮动显示时，即定义为块状元素并且该元素就会收缩自身体积为最小状态所以，应该有个好的习惯即把浮动元素设置高和宽如果没有设置，则元素会按。

lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta。

html5网页结构布局标签 对于HTML5来讲，在网页结构上标签定义与使用更加语义化，让搜索引擎以及工程师更加迅速理解当前网页的整个重心所在 列举常用HTML5结构组合 header nav section article figure figcaption aside footer。

步骤1 创建空白的HTML 5模版 首先，我们创建一个空白的模版，代码很简单，如下所示复制代码 步骤2 增加HTML 5新标签 HTML 5中新增加了不少标签，如article， aside， details， figcaption， figure， footer， header。