Master the Web in 5 Minutes: How Domains, HTML, and Pages Connect
This article provides a concise, beginner‑friendly overview of how domain names map to IP addresses, the DNS resolution process, the distinction between static and dynamic web pages, and the fundamental structure and tags of HTML, giving readers a solid foundation for web development.
Introduction
The World Wide Web (Web) is a global hypertext system built on HTTP that enables users to browse and interact with information across the Internet.
Domain Names
Access Methods
IP address : Directly access a site using its numeric address.
Domain name : Human‑readable alias that maps to an IP address.
Structure
hostname.subdomain.second‑level.top‑level.(root)Resolution Process
Check the local hosts file first.
If no entry exists, query the DNS hierarchy.
DNS Lookup Steps
Client → local DNS server
Root name server
Top‑level domain (TLD) server
Second‑level / sub‑domain server
Return the resolved IP address.
Queries can be recursive or iterative .
Web Page Types
File Extensions
HTML files: .html or
.htmStatic Pages
Created solely with HTML files.
Typical extensions: .html, .htm, .shtml.
No server‑side processing or database interaction.
URL does not contain a query string ( ?).
Dynamic Pages
Generated by server‑side scripts (PHP, Java, Python, etc.).
Typical extensions: .php, .asp, .jsp.
URL usually includes a query string ( ?) for parameters.
Can interact with databases and produce content that changes based on user input or other factors.
Common Dynamic Languages
PHP – widely used scripting language with C‑like syntax.
JSP – Java Server Pages, embeds Java code in HTML.
Python – high‑level language popular for web frameworks.
Ruby – object‑oriented language often used with Rails.
HTML Basics
HTML (HyperText Markup Language) is the standard markup language for creating web pages. Browsers render content based on the tags defined in the document.
File Extensions
Save files with .html or .htm to be recognized as HTML.
Syntax Rules
Elements are written with opening <tag> and closing </tag> tags.
Document Structure
An HTML document is wrapped in <html> and contains two main sections:
Head ( <head>): metadata, title, links, scripts, styles.
Body ( <body>): visible page content.
Basic Example
<html>
<head>Page metadata</head>
<body>Page content</body>
</html>Common Tags
<title>: Defines the page title shown in the browser tab. <base>: Specifies a base URL for relative links. <link>: Links external resources such as CSS. <meta>: Provides metadata like charset and viewport. <script>: Embeds or references JavaScript. <style>: Defines internal CSS styles. <table>: Creates a table. <tr>: Table row. <td>: Table cell. <img>: Inserts an image. <a>: Hyperlink. <p>: Paragraph. <br>: Line break. <h1>: Top‑level heading (and <h2> – <h6> for lower levels).
Web Evolution
Web 1.0 : Static content, one‑way information flow.
Web 2.0 : Interactive, user‑generated content, social networking.
Web 3.0 : Semantic web, decentralization, AI‑driven, enhanced privacy.
Web 4.0 : Future vision of ubiquitous connectivity and immersive experiences.
Signed-in readers can open the original source through BestHub's protected redirect.
This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactand we will review it promptly.
Raymond Ops
Linux ops automation, cloud-native, Kubernetes, SRE, DevOps, Python, Golang and related tech discussions.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.