首頁 > web前端 > html教學 > html如何讓網頁居中

html如何讓網頁居中

coldplay.xixi
發布: 2021-01-15 17:15:40
原創
21882 人瀏覽過

html讓網頁居中的方法:先在Dreamweaver中開啟該html頁面檔案;然後在該頁面的高度後面,直接加上【align="center"】程式碼即可。

html如何讓網頁居中

本教學操作環境:windows10系統、Adobe Dreamweaver CC 2020版,DELL G3電腦,此方法適用於所有品牌電腦。

免費學習推薦:程式設計影片

html讓網頁居中的方法:

1、在Dreamweaver中開啟該html頁面檔案後,可以在該頁面的高度後面,直接加上align="center",注意雙引號和空格即可,這樣該html網頁,就居中顯示了。

html如何讓網頁居中

2、如果不想用手動輸入標籤的這種方式實現網頁居中顯示,那麼還可以在DW中視圖視窗中,用滑鼠點擊網頁表格的最外側。

html如何讓網頁居中

3、然後按住滑鼠左鍵不放的情況下,橫向拖曳一下,這樣,該網頁就被全部選中了,選中的部位,在上面的程式碼視窗裡也有標示。

html如何讓網頁居中

4、再在DW下面的屬性面板上,點選對齊旁邊的那個向下箭頭,再在下拉的選項裡面,點擊居中對齊。

html如何讓網頁居中

5、以上面任何一種方法改動後,就再點擊DW選單列上的文件,在彈出的選項裡點擊儲存(或直接按ctrl S)即可。

html如何讓網頁居中

6、儲存後,再把該html網頁拖放到瀏覽器裡面打開,現在就會發現,該網頁已實現居中顯示了,如下圖所示。

html如何讓網頁居中

想了解更多程式設計學習,請關注php培訓欄位!

#

以上是html如何讓網頁居中的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板