Home > Web Front-end > HTML Tutorial > How to center a web page in html

How to center a web page in html

coldplay.xixi
Release: 2021-01-15 17:15:40
Original
21911 people have browsed it

htmlHow to center the web page: First open the html page file in Dreamweaver; then add the [align="center"] code directly after the height of the page.

How to center a web page in html

The operating environment of this tutorial: Windows 10 system, Adobe Dreamweaver CC 2020 version, DELL G3 computer. This method is suitable for all brands of computers.

Free learning recommendation: Programming video

htmlHow to center the web page:

1. Open the page in Dreamweaver After adding the html page file, you can add align="center" directly after the height of the page. Just pay attention to the double quotes and spaces, so that the html page will be displayed in the center.

How to center a web page in html

2. If you don’t want to use manual input of tags to display the web page in the center, you can also click the end of the web page table in the DW view window with the mouse. outside.

How to center a web page in html

3. Then, while holding down the left button of the mouse, drag it horizontally. In this way, the web page will be fully selected, and the selected part will be above There is also a mark in the code window.

How to center a web page in html

#4. On the properties panel below DW, click the downward arrow next to Alignment, and then click Center Alignment in the drop-down option.

How to center a web page in html

5. After making changes in any of the above methods, click File on the DW menu bar and click Save in the pop-up option (or press ctrl S directly) That’s it.

How to center a web page in html

6. After saving, drag and drop the html web page into the browser to open it. Now you will find that the web page has been displayed in the center, as shown in the figure below .

How to center a web page in html

If you want to learn more about programming, please pay attention to the php training column!

The above is the detailed content of How to center a web page in html. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template