Quick Notes: Internet & HTML Basics
Unit■1: Internet & World Wide Web
Introduction to Internet: A global network connecting millions of computers to share data and
communicate.
World Wide Web (WWW): A system of interlinked hypertext documents accessed via the Internet
using web browsers.
Evolution & History of WWW: Introduced by Tim Berners-Lee (1991); grew from static text pages
to dynamic multimedia sites.
Application Areas of Internet: Communication (email, messaging), Education, Business,
Entertainment, Research, e■Commerce.
Requirements to Work with Internet: Computer/smartphone, Internet connection, web browser,
and a URL to access sites.
Web Browser: Software to access & display web pages (e.g., Chrome, Firefox).
Web Server: Computer that stores web pages & delivers them to browsers on request.
Hypertext Transfer Protocol (HTTP/HTTPS): Rules for communication between browsers & web
servers; HTTPS is secure.
Searching Techniques: Using search engines (Google, Bing) with keywords, filters, operators to
find information.
Web■Casting: Distributing media content (audio/video) over the Internet to many users
simultaneously (like live streaming).
Unit■2: Basics of HTML
Basics of HTML: HyperText Markup Language, the standard language to create web pages.
Steps to Develop a Website: Plan → Design structure → Write HTML/CSS code → Test → Host
online.
Web Publishing & Hosting: Uploading web files to a web server so they are accessible on the
Internet.
Static vs Dynamic Website: Static pages don’t change (e.g., simple info pages); Dynamic pages
change based on user input or database (e.g., login pages).
Structure of a Webpage: <html> → <head> (title, metadata) → <body> (content shown in
browser).
HTML Features: Simple, platform■independent, text■based, uses tags to describe structure.
Common HTML Tags: <html>, <head>, <title>, <body>, <h1>–<h6> (headings), <p> (paragraph),
<a> (link), <img> (image), <ul>/<ol> (lists).
Text Styles & Colors: Use tags/attributes like <b>, <i>, <u>, style="color:red;".
Formatting & Layout: Organize page using headings, paragraphs, line breaks (<br>), divisions
(<div>), and CSS for advanced layout.
Images & Attributes: <img src="path" alt="text" width="200"> to display images.
Image Mapping: Allows clickable areas on one image linking to different pages.
Frames: Split browser window into multiple sections showing different pages (now mostly replaced
by modern layouts).