也可以DIV布局的內(nèi)容，也可以直接是文字這里也是最主要區(qū)域，網(wǎng)頁的內(nèi)容呈現(xiàn)區(qū)5最后是以quotlthtml quot結(jié)尾，也就是網(wǎng)頁閉合以上是一個完整的最簡單的html語言基本結(jié)構(gòu)，通過以上可以再增加更多的樣式和內(nèi)容充實網(wǎng)頁。

先給你寫一套代碼，之后再來解釋哈css部分aa display flex 使用flex布局，可以輕易獲得水平布局 alignitems center 垂直方向居中 justifycontent center 水平方向居中 height 200px。

1圖片寬高固定，這種情況很簡單水平居中就在圖片的css中加dispalyblockmargin0auto垂直居中自己算出p的高度圖片的高度2，得到margintop值即可2圖片高度未知，這個布局比較難實現(xiàn)一般我是用js做的。

9網(wǎng)頁布局分為自然布局，浮動布局， 定位布局 10當(dāng)一個元素被定義為浮動顯示時，即定義為塊狀元素并且該元素就會收縮自身體積為最小狀態(tài)所以，應(yīng)該有個好的習(xí)慣即把浮動元素設(shè)置高和寬如果沒有設(shè)置，則元素會按。

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

html5網(wǎng)頁結(jié)構(gòu)布局標(biāo)簽 對于HTML5來講，在網(wǎng)頁結(jié)構(gòu)上標(biāo)簽定義與使用更加語義化，讓搜索引擎以及工程師更加迅速理解當(dāng)前網(wǎng)頁的整個重心所在 列舉常用HTML5結(jié)構(gòu)組合 header nav section article figure figcaption aside footer。

步驟1 創(chuàng)建空白的HTML 5模版 首先，我們創(chuàng)建一個空白的模版，代碼很簡單，如下所示復(fù)制代碼 步驟2 增加HTML 5新標(biāo)簽 HTML 5中新增加了不少標(biāo)簽，如article， aside， details， figcaption， figure， footer， header。