也可以DIV布局的內(nèi)容，也可以直接是文字這里也是最主要區(qū)域，網(wǎng)頁的內(nèi)容呈現(xiàn)區(qū)5最后是以quotlthtml quot結尾，也就是網(wǎng)頁閉合以上是一個完整的最簡單的html語言基本結構，通過以上可以再增加更多的樣式和內(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當一個元素被定義為浮動顯示時，即定義為塊狀元素并且該元素就會收縮自身體積為最小狀態(tài)所以，應該有個好的習慣即把浮動元素設置高和寬如果沒有設置，則元素會按。

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

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

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