A web page is a document that is displayed in a web browser. It contains various types of information such as text, images, videos, and links. Web pages are written in HTML (Hypertext Markup Language), which is the standard markup language for creating web documents.
HTML stands for Hypertext Markup Language. It is a set of tags or elements that define the structure and layout of a web page. These tags are enclosed in angle brackets (< >) and come in pairs – an opening tag and a closing tag.
A web server is a software application that serves web pages to clients upon request. When you type a URL (Uniform Resource Locator) into a browser’s address bar, the browser sends a request to the appropriate web server, which then retrieves and delivers the requested web page back to the browser.
Web Page
A web page consists of different sections, each with its own purpose and content. Let’s take a closer look at some of these elements:
Head Section:
The head section of an HTML document contains meta information about the page, such as its title, character encoding, and linked stylesheets or scripts. It is not displayed on the actual webpage but provides important instructions to browsers and search engines.
Body Section:
The body section contains all the visible content of a web page. This includes headings, paragraphs, images, links, lists, tables, forms, and more.
Headings:
Headings are used to structure the content of a webpage hierarchically. They range from
(the highest level) to
(the lowest level). For example:
<h1>Welcome to My Web Page</h1>
<h1>Welcome to My Web Page</h1>
<h1>Welcome to My Web Page</h1>
Above code will display “Welcome to My Web Page” in a large and bold font as the main heading of the page.
Paragraphs:
Paragraphs are used to group text content together. They are created using the
tag. For example:
<p>This is a paragraph of text.</p>
<p>This is a paragraph of text.</p>
The above code will display “This is a paragraph of text.” as a separate block of text on the webpage.
Lists:
Lists are used to present information in a structured manner. There are two types of lists: ordered (numbered) and unordered (bullet points).
Ordered List:
An ordered list is created using the
- tag, and each item within the list is defined using the
- tag. For example:
<ol> <li>First item</li> <li>Second item</li> <li>Third item</li> </ol>
- First item
- Second item
- Third item
Unordered List:
An unordered list is created using the
- tag, and each item within the list is defined using the
- tag. For example:
<ul> <li>First item</li> <li>Second item</li> <li>Third item</li> </ul>
- First item
- Second item
- Third item
Styling:
HTML also provides various styling elements to enhance the appearance of text. For example:
Bold Text:
To make text bold, you can use the tag. For example:
<p>This is <b>bold</b> text.</p>
This is bold text.
Underlined Text:
To underline text, you can use the tag. For example:
<p>This is <u>underlined</u> text.</p>
This is underlined text.
These are just a few examples of how HTML elements can be used to structure and style web pages. By combining these elements effectively, you can create visually engaging and organized content that is both informative and pleasing to the eye.
In conclusion, a web page is a document displayed in a web browser, written using HTML tags. A web server serves these web pages upon request. Understanding the structure of a web page and utilizing HTML elements allows for creating engaging and visually appealing content on the internet.