Web Concepts: URLs, Hyperlinks, Browsers and Servers
CSEC IT: The World Wide Web
Essential Understanding: The World Wide Web (WWW) is an information system where documents and resources are linked by URLs and hyperlinks, accessible via the Internet. It is crucial to understand the roles of browsers, servers, and the protocols that secure them.
The Internet vs. The World Wide Web
While often used interchangeably, these two terms describe different layers of the digital world.
| Feature | The Internet | The World Wide Web (WWW) |
|---|---|---|
| Definition | The global infrastructure of networks (cables, routers, satellites). | A system of interlinked documents (web pages) running on top of the Internet. |
| Analogy | The road/highway network connecting cities. | The trucks (services) driving on the road delivering packages. |
| Scope | Encompasses Email, FTP, Chat, and more. | Specific to HTML/HTTP-based information accessed via Browsers. |
Core Web Components
The Web functions through the interaction of four main components.
URL (Uniform Resource Locator)
Definition: The unique address used to locate a specific resource on the Internet.
Structure:
- Protocol: e.g.,
http://orhttps:// - Domain Name: e.g.,
www.cxc.org - Path: e.g.,
/resources/pastpapers.html
Hyperlinks
Definition: A reference to data that the reader can directly follow by clicking or tapping.
Types of References:
- Absolute: Contains the full address (e.g.,
https://google.com). Used to link to external websites. - Relative: Contains only the file name/path (e.g.,
page2.html). Used to link to pages within the same website. It makes moving sites easier.
Web Browser (Client)
Definition: Software used to access and view web pages.
Role:
- Sends HTTP requests to servers.
- Renders HTML/CSS into visual pages.
- Examples: Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, Opera.
Web Server
Definition: A computer that stores web pages and delivers them to clients.
Role:
- Connected permanently to the Internet.
- Runs specialized software (e.g., Apache, IIS, Nginx).
- Responds to requests for files.
HTTP vs HTTPS
Security is a major concern on the Web. The protocol used determines if data is safe or exposed.
HTTP
HyperText Transfer Protocol
Security: Unencrypted. Data sent in plain text.
Usage: Suitable for public information, news, or blogs.
Risk: Hackers can intercept passwords or credit card info.
HTTPS
HyperText Transfer Protocol Secure
Security: Encrypted (SSL/TLS). Data scrambled.
Usage: Mandatory for banking, email login, e-commerce, and CSEC portals.
Indicator: Look for the "Padlock" 🔒 icon in the browser bar.
Anatomy of a URL
Objective: Click on the colored segments of the URL below to see what they do.
Hyperlinks: Absolute vs. Relative
When creating websites, developers choose between Absolute and Relative links. Absolute links include the full protocol and domain (e.g., http://site.com), while Relative links point to files on the same server (e.g., contact.html). Relative links are preferred for internal navigation because they keep working even if the domain name changes.
CSEC Practice Arena
Test Your Understanding
page1.html to page2.html in the same folder?CSEC Examination Mastery Tip
Describing the Web Ecosystem: In a written answer, ensure you mention the relationship:
- Infrastructure: The Internet (The Roads).
- Service: The WWW (The Traffic).
- Address: The URL (The House Number).
- Software: The Browser (The Viewer) and Server (The Source).
- Connection: Hyperlinks (The Bridges between documents).
- Security: HTTPS vs HTTP (The Lock on the door).