World Wide Web (WWW) is a system of interlinked hypertext documents and multimedia content accessed via the Internet. Developed by Tim Berners-Lee in 1989, it enables users to browse and interact with information through web browsers using URLs (Uniform Resource Locators). Websites are hosted on servers and viewed through browsers like Chrome or Firefox. The Web operates on protocols such as HTTP (Hypertext Transfer Protocol) and HTTPS (secure version), and utilizes technologies like HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets) to structure and style content. It has revolutionized communication, commerce, and information sharing globally.
Features of World Wide Web:
- Hyperlinking:
Allows users to navigate between documents and websites seamlessly by clicking on hyperlinks.
- Web Browsers:
Software like Chrome, Firefox, and Safari that enables users to access and view web pages.
- HTML/CSS:
HTML (Hypertext Markup Language) structures content, while CSS (Cascading Style Sheets) styles it, enabling the creation of visually appealing web pages.
- URLs:
Uniform Resource Locators serve as addresses for accessing resources on the web.
- HTTP/HTTPS:
Hypertext Transfer Protocol (and its secure version, HTTPS) are protocols for transferring data between clients and servers.
- Multimedia Integration:
Supports various media types, including text, images, videos, and audio, enhancing the richness of web content.
- Interactivity:
Enables dynamic interactions through scripts and applications, such as JavaScript, allowing for responsive and engaging user experiences.
-
Search Engines:
Tools like Google and Bing index web content and provide users with relevant search results.
- Scalability:
Designed to accommodate a vast amount of content and millions of users simultaneously.
- Accessibility:
Provides access to information and services from anywhere with an internet connection, fostering global connectivity.
Creating Web Pages Using HTML:
Creating web pages using HTML (Hypertext Markup Language) involves structuring content with a series of tags and elements to format and display information on the web. Here’s a basic guide to get you started:
Basic Structure
An HTML document starts with a declaration and a root <html> element, which contains two main sections: the <head> and the <body>.
- Doctype Declaration
<!DOCTYPE html>
This declares the document type and version of HTML.
- HTML Element
<html lang=”en”>
The root element of the HTML document.
- Head Section
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Document Title</title>
<link rel=”stylesheet” href=”styles.css”>
</head>
- <meta charset=”UTF-8″>: Specifies the character encoding.
- <meta name=”viewport”>: Ensures proper scaling on mobile devices.
- <title>: Sets the title of the page, visible in the browser tab.
- <link rel=”stylesheet” href=”styles.css”>: Links to an external CSS file for styling.
- Body Section
<body>
<header>
<h1>Welcome to My Website</h1>
<nav>
<ul>
<li><a href=”#home”>Home</a></li>
<li><a href=”#about”>About</a></li>
<li><a href=”#contact”>Contact</a></li>
</ul>
</nav>
</header>
<main>
<section id=”home”>
<h2>Home Section</h2>
<p>This is the home section of the web page.</p>
</section>
<section id=”about”>
<h2>About Section</h2>
<p>This section contains information about the website.</p>
</section>
<section id=”contact”>
<h2>Contact Section</h2>
<p>Here is how you can contact us.</p>
</section>
</main>
<footer>
<p>© 2024 My Website</p>
</footer>
</body>
- <header>: Contains introductory content, such as navigation menus.
- <main>: Encloses the primary content of the document.
- <section>: Defines sections within the main content.
- <footer>: Contains footer information like copyright details.
One thought on “World wide Web, Creating Web Pages Using HTML”