321ppr
321ppr
The Internet helps people in many ways. We can send emails, chat, do online shopping, attend classes,
watch videos, and work from home. It saves time and allows fast communication. It gives access to a huge
amount of information, services, and entertainment. It also helps people connect globally.
Internet - Concepts and Overview
2. What is the difference between the World Wide Web and the Internet?
The Internet is a big network that connects computers all over the world. The World Wide Web (WWW) is a
service that works on the Internet. The Web is made of web pages linked together. So, the Internet is the
A web browser is a software that lets us view web pages on the Internet. It helps users to visit websites by
entering URLs. It displays text, images, and videos. Examples of browsers are Google Chrome, Mozilla
Firefox, Safari, and Microsoft Edge. It is used to browse the World Wide Web.
Internet - Concepts and Overview
URL stands for Uniform Resource Locator. It is the web address of a site or page. A URL has parts like
protocol (http), domain name (example.com), and path (/page). Example: https://www.google.com. It helps
A search engine is a tool used to find information on the Internet. You type in what you are looking for, and it
gives a list of related websites. Examples of search engines are Google and Bing. They help users find web
A hyperlink is a clickable text or image that takes you to another page or website. It is made using the <a>
tag in HTML. When clicked, it jumps to the linked location. Links make it easy to move between pages or
7. Write the basic structure of an HTML document and explain each part.
An HTML document starts with <!DOCTYPE html> to declare HTML5. It includes <html> as the root element,
<head> for page title and settings, and <body> for main content. Inside the body, we add text, images, links,
and more. This structure helps browsers understand and show the content properly.
Internet - Concepts and Overview
8. What is the difference between paired and empty tags? Give examples.
Paired tags come in pairs and have an opening and closing tag, like <p> and </p>. Empty tags do not need a
closing tag, like <br> or <img>. Paired tags are used for content, while empty tags are used for functions like
HTML has three types of lists: ordered lists <ol> for numbered items, unordered lists <ul> for bullet points,
and definition lists <dl> for terms and definitions. Each item is added with <li>. Lists help organize content
10. How can you embed images and multimedia in HTML documents?
To show images, we use the <img> tag with src and alt attributes. For videos, use the <video> tag and for
sound, use <audio>. These tags make web pages attractive and interactive by adding pictures, music, and
11. What are tables in HTML and how are they created?
HTML tables are used to show data in rows and columns. Use <table> to start a table, <tr> for rows, <td> for
data cells, and <th> for headings. Tables help organize information like schedules, prices, or records clearly
on a web page.
Internet - Concepts and Overview
Frames divide the browser window into parts, each showing a different page. Iframes (inline frames) are used
to embed another web page inside the current page. Use the <iframe> tag to insert it. Example: <iframe
Use the <a> tag to link documents. The href attribute gives the path to the file. Example: <a
href='file.html'>Open File</a>. Links can connect web pages, PDFs, or images, and help users navigate
easily.
Internet - Concepts and Overview
Forms collect user input like names, emails, and messages. They use the <form> tag and include input fields,
buttons, and dropdowns. They are used for sign-ups, feedback, and online orders. Example: <form><input
15. What are image maps and how are they used?
An image map is one image with many clickable areas. It uses the <map> and <area> tags. Each area links
to a different page. Example: a country map where each state links to its info. It helps make pictures
interactive.
Internet - Concepts and Overview
CSS has three types: Inline (written inside HTML tags), Internal (inside a <style> tag in the head section), and
External (linked CSS file). External CSS is best for big sites because it keeps code separate. All types
Common CSS properties include color, background-color, font-size, margin, padding, border, height, width,
and text-align. Example: p {color: red;} makes paragraph text red. These properties control the appearance of
HTML elements.
Internet - Concepts and Overview
Classes help apply the same style to many elements. We define a class with a dot like .box, and use it with
class='box'. Example: .red {color: red;} <p class='red'>Hello</p>. It makes designing easier and cleaner.
Internet - Concepts and Overview
Pseudo classes style elements in special states like hover or visited. Example: a:hover makes links change
color when hovered. Pseudo elements style parts of an element, like ::first-letter. They let you control details
20. How can you style block elements, lists and tables in CSS?
Use CSS properties like padding, border, margin, background, and font. For lists, use list-style-type. For
tables, set border-collapse, spacing, and alignment. Example: table {border: 1px solid black;} makes a simple
CSS filters change how images and elements look. Filters include blur, brightness, contrast, grayscale, and
more. Example: img {filter: grayscale(100%);} makes an image black and white. Filters add creative effects to
web pages.
Internet - Concepts and Overview
CSS animations use @keyframes to define steps. Use animation-name and animation-duration to apply
them. Example: @keyframes slide {from {left: 0;} to {left: 100px;}}. CSS animations make pages lively without
JavaScript.
Internet - Concepts and Overview
JavaScript is a scripting language used to make web pages interactive. It runs in the browser. Features
include changing HTML, reacting to clicks, validating forms, and more. It is easy to use, flexible, and widely
supported.
Internet - Concepts and Overview
Client-side scripts run in the user's browser, like JavaScript. Server-side scripts run on the web server, like
PHP. Client-side is faster for interactions; server-side is better for database work and secure processes.
Internet - Concepts and Overview
Keywords are reserved words like if, else, function. Variables store values and use let, var, or const.
Constants are fixed values using const. Example: let name = 'John'; const PI = 3.14. They help store and use
data in programs.
Internet - Concepts and Overview
Use // for single-line comments and /* */ for multi-line comments. Comments explain code to developers.
Example: // This is a comment. They do not affect how the code runs.
Internet - Concepts and Overview
Conditional statements like if, else, and switch help make decisions. Example: if (age > 18) {alert('Adult');}.
Loops repeat code. Types include for, while, and do-while. For example, for (let i=0; i<5; i++) {console.log(i);}
Break stops the loop early. Continue skips to the next loop step. They help control loop flow. Example: if
An array stores many values in one place. Example: let fruits = ['apple', 'banana']. Each value has a number
Array methods include push (add), pop (remove), length (size), sort, and more. Example:
fruits.push('mango'); adds a fruit. These methods help work with array data.
Internet - Concepts and Overview
Pass arrays by name like: myFunction(arr). Inside the function, use it like any variable. This helps perform
33. What is the DOM? Explain its main objects and event handling.
DOM (Document Object Model) is how browsers understand HTML. Main objects are window, document,
history, location, form. Events like click or load can run JavaScript. Event handlers like onclick let you run