{"id":60,"date":"2026-04-10T08:05:11","date_gmt":"2026-04-10T08:05:11","guid":{"rendered":"https:\/\/gigz.pk\/html\/?post_type=lesson&p=60"},"modified":"2026-04-22T11:37:51","modified_gmt":"2026-04-22T11:37:51","slug":"structure-of-a-web-page","status":"publish","type":"lesson","link":"https:\/\/gigz.pk\/html\/index.php\/lesson\/structure-of-a-web-page\/","title":{"rendered":"Structure of a Web Page"},"content":{"rendered":"\n
A web page has a basic structure that helps the browser understand how to display content. Every HTML page follows a standard layout made up of different sections. These sections organize the content and make the page easy to read and manage.<\/p>\n\n\n\n
Main Parts of a Web Page<\/strong><\/h3>\n\n\n\n
A typical web page consists of three main parts. These are the doctype, the html element, and the head and body sections.<\/p>\n\n\n\n
The doctype is written at the top of the page. It tells the browser that the document is an HTML5 file.<\/p>\n\n\n\n
The html element is the root of the page. All other elements are placed inside it.<\/p>\n\n\n\n
Head Section<\/strong><\/h3>\n\n\n\n
The head section contains important information about the page, but it is not directly visible on the screen. It includes the page title, meta information, and links to stylesheets or scripts.<\/p>\n\n\n\n
For example, the title shown on the browser tab comes from the head section.<\/p>\n\n\n\n
Body Section<\/strong><\/h3>\n\n\n\n
The body section contains all the content that users see on the webpage. This includes text, images, videos, links, and other elements.<\/p>\n\n\n\n
Everything that appears on the screen is written inside the body section.<\/p>\n\n\n\n
Basic Example Structure<\/strong><\/h3>\n\n\n\n
Here is a simple example of a web page structure <!DOCTYPE html> <html> <head> <title>My First Page<\/title> <\/head> <body> <h1>Welcome to My Website<\/h1> <p>This is a simple web page.<\/p> <\/body> <\/html><\/p>\n\n\n\n
Why Structure is Important<\/strong><\/h3>\n\n\n\n
A proper structure makes the web page easy to understand for both browsers and developers. It also helps in improving readability, maintenance, and search engine optimization.