Model Questions for Website Development (Technical Stream Grade IX)

WPD_Model Question

Unit 1: Basics in Website Design

MCQ Based on Knowledge and understanding

1.      What is the internet?
a. A single computer                      b. A global network of connected computers
c. A mobile app                               d. A type of email

2. What do we call the rules that computers use to communicate on the internet?
a. Programs b. Apps c. Messages d. Protocols

3. Which protocol is used on the internet?
a. TCP/IP b. SMS c. USB d. HTTP only

4. What was the first form of the internet called?
a. WWW b. Google c. ARPANET d. Email

5. In which year was the first message sent through ARPANET?
a. 1950 b. 1969 c. 1990 d. 1983

6.      Which universities were involved in sending the first internet message?
a. Harvard and MIT                         b. Yale and Princeton
c. Oxford and Cambridge             d. UCLA and Stanford

7. What was the first message supposed to be?
a. LOGIN b. HELLO c. START d. WELCOME

8.      Who created the TCP/IP system?
a. Tim Berners-Lee              b. Robert Kahn and Vinton Cerf
c. Bill Gates                           d. Steve Jobs

9. When did ARPANET start using TCP/IP?
a. 1969 b. 1990 c. 1983 d. 2000

10.   Who invented the World Wide Web?
a. Mark Zuckerberg            b. Larry Page
c. Tim Berners-Lee              d. Sundar Pichai

11. In which year was the World Wide Web invented?
a. 1980 b. 1990 c. 2000 d. 1975

12. Which part of the internet do most people use daily?
a. Email only b. World Wide Web c. Printers d. Operating system

13. Which of these is a web browser?
a. WhatsApp b. Chrome c. TikTok d. Zoom

14.   What is email used for?
a. Sending online messages         b. Making phone calls
c. Watching movies                        d. Shopping

15. Which one is a social media platform?
a. Google Docs b. Gmail c. Facebook d. Firefox

16. Which service lets you chat or make video calls instantly?
a. Amazon b. WhatsApp c. YouTube d. Yahoo

17. Streaming means:
a. Downloading first and watching later
b. Watching or listening online without downloading
c. Sending files offline
d. Playing games only

18. Which website is used for online shopping?
a. Instagram b. Amazon c. WhatsApp d. Zoom

19. Which platform is used for online learning?
a. Netflix b. Facebook c. Coursera d. TikTok

20.   What do search engines help us do?
a. Watch videos                   b. Find information quickly
c. Send emails                      d. Play music offline

21. Who invented the World Wide Web?
a) Tim Berners-Lee b) Bill Gates c) Vinton Cerf d) Mark Zuckerberg

22. When was the World Wide Web made widely available?
a) 1980 b) 1991 c) 2000 d) 1975

23.   What does HTML do?
a) Styles web pages                                    b) Adds interactivity
c) Gives structure to web pages              d) Sends emails

24. Which group creates web standards?
a) NASA b) W3C c) WHO d) UNESCO

25. Which protocol keeps data secure while browsing?
a) FTP b) HTTP c) HTTPS d) DNS

26.   What does DNS do?
a) Stores website files                    b) Converts domain names into IP addresses
c) Protects from viruses                 d) Ranks search results

27.   What is a web browser?
a) A website                                                 b) A search engine
c) A program to view web pages            d) A web server

28. Which search engine step stores information in a database?
a) Crawling b) Ranking c) Indexing d) Loading

29.   What is a TLD in a domain name?
a) The website’s IP number          b) The ending part like .com or .org
c) The server name                         d) The browser name

30. Where is a website stored so it can be accessed online?
a) A router b) A web server c) A modem d) A browser

MCQ Based on Application

31. You want your website to look the same on all browsers. Which should you follow?
a) Web hosting rules b) Domain laws c) Web standards d) Server settings

You see a green lock symbol on a website. Which protocol is being used?
a) HTTP b) FTP c) SMTP d) HTTPS
If your search results are not relevant, which step of the search engine is responsible?
a) Crawling b) Ranking c) Indexing d) Hosting
You want to upload files to a remote server. Which protocol helps you?
a) FTP b) DNS c) SMTP d) HTTPS
Your website is offline frequently. Which hosting feature should you check?
a) Subdomain b) Uptime c) TLD d) Browser version
You want to buy a website name like “myshop.com”. Where should you go?
a) Search engine b) Domain registrar c) Hosting panel d) Browser store
Your browser warns that a website is unsafe. Which browser feature is working?
a) Tabs b) History c) Security protection d) Extensions
You want to organize your website sections like blog.example.com. What do you need?
a) New TLD b) New server c) Subdomain d) New browser
If someone in another country wants to access your website quickly, what hosting type helps most?
a) Cloud hosting b) Shared hosting
c) Basic WordPress hosting d) Reseller hosting
Your email is not being delivered. Which protocol might be the problem?
a) DNS b) FTP c) SMTP d) HTTPS

MCQ based on Higher Ability

41. Which of the following best explains why web standards are important?
a) They make websites load only on certain devices
b) They ensure all websites follow the same rules and work everywhere
c) They help browsers become faster
d) They replace search engines

Why is HTTPS more important than HTTP for online shopping?
a) It loads pages faster b) It uses spiders for crawling
c) It encrypts sensitive data like card numbers d) It removes ads automatically

What would happen if DNS did not exist?
a) Websites would load faster b) People would need to remember IP addresses
c) Browsers would stop working d) Search engines would disappear
Why is TCP/IP considered as the backbone of the internet?
a) It creates websites b) It secures email
c) It breaks data into packets and sends them correctly d) It stores website files
Which situation best shows the role of a search engine’s crawling process?
a) Ranking results for your query b) Collecting new pages from across the web
c) Matching keywords during a search d) Translating domain names
Why is cloud hosting more reliable than shared hosting?
a) It uses one server for all websites
b) It runs on many servers, so your site stays online even if one fails
c) It costs less money
d) It requires no internet
Which is the strongest reason to use a web browser extension?
a) To make the browser smaller b) To add extra tools like ad blockers or translators
c) To increase hosting speed d) To change the domain name
Why are web protocols compared to a “common language”?
a) They translate websites b) They help devices communicate in the same way
c) They teach people coding d) They make websites colorful
Which scenario best shows the purpose of a domain registrar?
a) You upload images to your website b) You buy and register a new website name
c) You secure your site with HTTPS d) You view your site using Chrome
Why do search engines use indexing before ranking?
a) To find websites faster during a search b) To remove old websites
c) To fix broken links d) To update domain names

ANSWER KEY
1	B	11	B	21	A	31	C	41	B
2	D	12	B	22	B	32	D	42	C
3	A	13	B	23	C	33	B	43	B
4	C	14	A	24	B	34	A	44	C
5	B	15	C	25	C	35	B	45	B
6	D	16	B	26	B	36	B	46	B
7	A	17	B	27	C	37	C	47	B
8	B	18	B	28	C	38	C	48	B
9	C	19	C	29	B	39	A	49	B
10	C	20	B	30	B	40	C	50	A

Short Questions Based on Knowledge & Understanding

What is the internet and why is it called a global network?
Name the two computers between which the first internet message was sent in 1969.
Who invented TCP/IP and in which decade was it developed?
What was the main purpose behind Tim Berners-Lee inventing the World Wide Web?
Define the World Wide Web in simple words.
What is the role of HTML in web development?
What does HTTPS do to make browsing safer?
What is the main purpose of a web browser?
What are the three main steps a search engine uses to find information?
What is a domain name? Give one example.

Short Questions Based on Application

Explain how TCP/IP helps when you send a message to your friend on the internet.
If a website is not opening on your browser, how can DNS be involved in the problem?
How would you use the World Wide Web to complete a school project efficiently?
Give an example of how HTTPS protects you during online shopping.
Which web hosting type would you recommend for a small personal blog and why?
How can bookmarks in a web browser help you in your daily online activities?
Describe how a student can use online learning platforms for exam preparation.
If you need to transfer large files to a friend, which protocol can you use and why?
How does indexing in a search engine help you get faster results?
Suppose you want to create a website for your class. Explain the steps from buying a domain to hosting it.

Short Questions Based on Higher Ability

Compare ARPANET and the modern internet. How have communication methods improved?
Why are web standards important for developers, users, and devices?
Analyze how the invention of the World Wide Web changed the way people access information.
Evaluate the importance of HTTPS in protecting users against cyber threats.
Explain how different internet services (email, social media, streaming) depend on various protocols.
Compare shared hosting and dedicated hosting. Which is better for a large online store and why?
Why is the Domain Name System considered the “phonebook” of the internet? Discuss.
Analyze how TCP/IP ensures data accuracy even when the internet is unreliable.
Explain how search engine ranking algorithms can influence the information people see online.
Evaluate how cloud hosting improves website reliability compared to traditional hosting methods.

Long Questions based on Knowledge & Understanding

Explain the brief history of the internet, starting from ARPANET to the development of the modern internet. Include key events and contributors.
Describe the invention and purpose of the World Wide Web. How did Tim Berners-Lee’s idea make information sharing easier?
What are web standards? Discuss their meaning, purpose, and the organizations involved in creating these standards.
Define web protocols and explain why they are important for smooth communication on the internet.
Explain the main features of a web browser and how they help users while accessing information online.

Long Questions based on Application

Describe how TCP/IP works when you visit a website. Explain how data is broken, transmitted, and reassembled.
Imagine you are creating your own website. Explain the complete process from choosing a domain name to selecting the right type of web hosting.
Explain how search engines help users find accurate information. Include the processes of crawling, indexing, and ranking.
Discuss how different internet-based services such as email, social media, and streaming can be used in everyday life.
Describe how HTTPS and DNS work together to make online browsing safe and reliable for users.

Long Questions based on Higher Ability

Analyze how the development of TCP/IP and the World Wide Web revolutionized global communication and information sharing.
Evaluate the importance of web standards in ensuring accessibility, compatibility, and security across different devices and browsers.
Compare different types of web hosting (shared, VPS, dedicated, cloud). Which one is most suitable for a fast-growing business website and why?
Explain how search engine algorithms can influence what information people access. Discuss its advantages and potential limitations.
Discuss how internet services such as online learning, e-commerce, and cloud storage have transformed modern education and business.

Unit 2: Website Design Principles

MCQ based on Knowledge & Understanding

1. What is a website?

A. A single image on the internet B. A set of web pages available on the internet
C. A mobile application D. A type of computer

2. Which of the following is NOT a core purpose of a website?

A. Building reputation B. Sales and after care
C. Describing expertise D. Playing offline games

3. How many colours should be used to keep a website simple and appealing?

A. More than 10 B. Less than 5 C. Exactly 8 D. At least 6

4. What is the recommended maximum number of fonts on a website?

A. 1 B. 3 C. 5 D. 7

5. What does website navigation help users do?

A. Write code B. Find what they are looking for
C. Create images D. Download files

6. Which pattern describes how people usually scan website text?

A. Z-pattern B. S-pattern C. F-shaped pattern D. Circular pattern

7. What is visual hierarchy mainly used for?

A. To reduce website size B. To establish a focal point
C. To increase website cost D. To change the domain name

8. What helps keep website content clean and balanced?

A. Too many images B. Grid-based layout C. Large videos D. Hidden text

9. What is the ideal loading time users expect from a website?

A. 10 seconds B. 5 seconds C. 2 seconds or less D. 20 seconds

10. Why must a website be mobile-friendly?

A. More people browse from phones B. Computers will disappear soon
C. Phones load data slower D. Mobile sites don't need images

MCQ based on Application

11. Which phase involves deciding goals and objectives for a web project?

A. Production B. Strategy/Information gathering C. Testing D. Launch

12. In which phase is the prototype of a website created?

A. Strategy phase B. Design and planning phase
C. Testing phase D. ISP registration phase

13. Which activity belongs to the development phase?

A. Writing HTML and CSS B. Registering with an ISP
C. Redirecting domain D. Uploading to server

14. When are bugs fixed in the website development process?

A. During strategy B. During testing and maintenance
C. During hosting D. During launch

15. Which protocol is used to upload a website to a hosting server?

A. HTTP B. DNS C. FTP D. SMTP

16. What happens in the launch phase?

A. Goals are planned B. Prototype is drawn
C. Data migration and domain redirection D. Developer learns coding

17. Which design choice helps reduce website loading time?

A. Adding many videos B. Using large images
C. Optimizing image sizes D. Increasing navigation menus

18. If visitors are leaving a website quickly, which principle may be the problem?

A. Imagery B. Navigation C. Typography D. Grid layout

19. Which phase checks browser compatibility?

A. Strategy B. Planning C. Testing and maintenance D. ISP registration

20. When is the website uploaded to a server?

A. During development B. During launch
C. After ISP registration D. During planning

MCQ based on Higher Ability

21. Why is simplicity important in website design?

A. It increases loading time B. It improves user experience and usability
C. It removes all images D. It makes websites expensive

22. How does imagery affect a website?

A. Makes it load faster B. Creates a strong first impression and builds credibility
C. Reduces visual appeal D. Decreases engagement

23. Why is grid-based layout effective?

A. It hides important content B. It confuses the reader
C. It organizes content visually and creates balance D. It removes whitespace

24. Why is load time critical to website success?

A. Visitors enjoy waiting B. Fast load increases visitor retention
C. Slow load makes the website safer D. Load time only affects videos

25. Why is browser compatibility testing important?

A. Browsers never differ B. Websites look the same everywhere by default
C. Different browsers may display elements differently D. Testing is optional

26. What happens if visual hierarchy is poor?

A. Users easily find key information B. Users get confused and may leave the site
C. Website becomes faster D. Website loads more images

27. Which website purpose focuses on turning visitors into potential customers?

A. Building reputation B. Generating leads
C. Describing expertise D. Showing imagery

28. Why is the F-shaped reading design effective?

A. It forces users to read everything B. It matches natural human scanning behavior
C. It works only on mobile phones D. It replaces navigation

29. Why is registering with an ISP necessary?

A. To check speed B. To make the website legal and ready for hosting
C. To choose colours D. To design the homepage

30. Why are websites important for education today?

A. They limit communication B. They slow down learning
C. They support distance learning, result checking, and teacher communication
D. They only show entertainment

ANSWER KEY
1	B	6	C	11	B	16	C	21	B	26	B
2	D	7	B	12	B	17	C	22	B	27	B
3	B	8	B	13	A	18	B	23	C	28	B
4	B	9	C	14	B	19	C	24	B	29	B
5	B	10	A	15	C	20	C	25	C	30	C

Short questions based on Knowledge & Understanding

What is the Internet, and why is it called a global network?
Define Internet protocols and give one example.
Why are protocols important for Internet communication?
What is the main function of TCP/IP in Internet communication?
Explain the basic purpose of connecting computers through the Internet.
What do you understand by the term “global information sharing”?
How does the Internet help people communicate easily?
List any two advantages of using the Internet.
What is meant by “rules” in Internet communication?
How does the Internet ensure smooth data transfer between computers?

Short questions based on Application

How would you explain the role of TCP/IP to a beginner learning about computers?
If your school wants to share information with another school, how can the Internet help?
Describe a real-life situation where Internet communication becomes important.
How would a lack of proper protocols affect daily Internet use?
Give an example of how you personally use the Internet for communication.
If someone sends a message online, how do Internet rules ensure it reaches the right place?
Explain how global connectivity can help students in their education.
Describe how Internet communication is used in offices for work.
How does Internet help people work together even when they are far away?
Explain how the Internet helps in fast information sharing with an example.

Short questions based on Higher Ability

1. Why do you think the Internet became one of the most important inventions in history?

2. Discuss how the Internet has changed human communication methods.

3. Explain why global protocols are necessary even though countries use different technologies.

4. How would the world be different today if the Internet did not exist?

5. Analyze how TCP/IP contributes to the reliability of the Internet.

6. Why is it important that all computers follow the same communication rules online?

7. How does the Internet contribute to globalization?

8. Discuss one major advantage and one possible disadvantage of global connectivity.

9. In your view, how has the Internet improved knowledge sharing around the world?

10. Explain why a “huge global network” requires strong and clear communication protocols.

Long questions based on Knowledge & Understanding

Explain what the Internet is and describe how it connects computers globally. Include in your answer how information is shared across this network.
Describe in detail what Internet protocols are. Explain why protocols such as TCP/IP are necessary for smooth communication.
Discuss the main features of the Internet that make communication and information sharing easier. Give clear explanations for each point.
Explain how the Internet works as a global system for sharing information. Include how rules and protocols guide this process.
Describe the importance of having common communication rules on the Internet. Explain how these rules help maintain order in data transfer.

Long questions based on Application

Explain how Internet protocols such as TCP/IP would help your school or office communicate and share information efficiently. Give examples.
Describe a real-life situation where Internet connectivity is essential for communication. Explain step-by-step how the Internet helps solve the problem.
Explain how global Internet rules ensure that messages, files, or information reach the correct destination. Use an example to support your answer.
Discuss how students can use the Internet to access and share information for academic purposes. Provide practical examples of its usefulness.
Explain how organizations use Internet communication to work together from different locations. Include examples such as email, video meetings, or data sharing.

Long questions based on Higher Ability

Explain why the Internet is considered one of the most important inventions in modern history. Support your answer with examples and logical reasoning.
Analyze how the Internet has changed the way humans communicate globally. Discuss both positive and negative impacts.
Discuss why it is necessary for all computers worldwide to follow common protocols like TCP/IP. Explain what problems would occur without them.
Evaluate how the world might function differently today if the Internet did not exist. Discuss impacts on communication, education, business, and daily life.
Explain how global connectivity through the Internet has influenced knowledge sharing, global cooperation, and technological progress. Support your answer with examples.

Unit 3: HTML Basics

MCQs based on Knowledge & Understanding

1. What does HTML stand for?

a) Hyperlinks and Text Markup Language b) Hyper Text Markup Language
c) Home Tool Markup Language d) Hyper Tool Making Language

2. HTML is mainly used for:

a) Designing databases b) Creating web pages
c) Editing images d) Creating animations

3. Which HTML tag is the root element of every webpage?

a) <body> b) <head> c) <title> d) <html>

4. Which tag defines the body of a webpage?

a) <content> b) <body> c) <info> d) <main>

5. What does the <p> tag represent?

a) Picture b) Paragraph c) Page d) Property

6. Which tag defines the title shown in the browser tab?

a) <meta> b) <title> c) <head> d) <header>

7. The <br> tag is an example of a:

a) Paired tag b) Singular tag c) Conditional tag d) Closing tag

8. HTML tags are enclosed within:

a) () b) [] c) {} d) <>

9. Which of the following is NOT visible in the browser?

a) <h1> b) <p> c)  d) <img>

10. HTML documents are saved with the extension:

a) .hp b) .txt c) .html or .htm d) .doc

MCQs based on Application

11. Which tag would you use to display an image on a webpage?

a) <pic> b) <image> c) <img> d) <figure>

12. If you want to create a clickable link, which HTML tag is used?

a) <link> b) <a> c) <href> d) <url>

13. Which tag would you use to create an ordered list?

a) <ul> b) <ol> c) <list> d) <li>

14. To insert a line break in a webpage, you should use:

a) <lb> b) <break> c) <br> d) <newline>

15. If you want to emphasize text semantically (not just visually), which tag is best?

a) <b> b) <i> c) <em> d) <u>

16. Which pair of tags is used for table headings?

a) <tc> b) <th> c) <td> d) <tr>
Correct answer: b

17. If you want to create a form where users type their name, which tag will you use?

a) <form> b) <enter> c) <type> d) <text>

18. Which attribute is commonly used with the <img> tag?

a) length b) href c) src d) alt only

19. To group form elements together visually, which tag is used?

a) <group> b) <fieldset> c) <container> d) <bundle>

20. Which tag allows creating navigation menus?

a) <nav> b) <menu> c) <item> d) <direction>

MCQs based on Higher Ability

21. Which best describes the relationship between HTML tags, elements, and attributes?

a) Tags store content; elements display content; attributes are the webpage
b) Tags hold elements; elements hold content; attributes describe elements
c) Elements hold tags; tags hold attributes; attributes hold content
d) Tags and attributes are the same

22. Why are HTML elements not visible in the browser?

a) Because they are removed during rendering
b) Because browsers convert them into visual content
c) Because they are comments
d) Because HTML supports only text

23. Which statement is true about paired and singular tags?

a) Paired tags never need closing tags
b) Singular tags always wrap content
c) Paired tags contain content between opening and closing tags
d) Singular tags are visible in the browser

24. What is the purpose of the <head> section in an HTML document?

a) Display main content b) Store visible images
c) Store metadata and supporting information d) Store audio and video

25. Why is <!DOCTYPE html> important?

a) It displays a banner b) It defines HTML version helping browsers render correctly
c) It adds color to a webpage d) It loads JavaScript

26. Which tag combination correctly represents the basic HTML page structure?

a) <head>, <title>, <footer> b) <html>, <head>, <body>
c) <body>, <section>, <main> d) <title>, <nav>, <div>

27. Which tag group is MOST important for controlling webpage layout?

a) <div> and <span> b) <p> and <h1>
c) <img> and <video> d) <ul> and <ol>

28. Why are comments important in HTML, CSS, and JavaScript?

a) They display useful notes to users
b) They improve page graphics
c) They help developers understand and manage the code
d) They change page structure

29. Which comparison is correct?

a) <b> and <strong> mean exactly the same
b) <strong> adds semantic meaning while <b> only styles text
c) <strong> underlines the text
d) <b> is outdated and cannot be used

30. Which statement explains the benefit of HTML being free and supported by all browsers?

a) It limits website availability b) It creates compatibility issues
c) It makes website creation accessible to everyone d) It requires expensive software

ANSWER KEY
1	B	6	B	11	C	16	B	21	B	26	B
2	B	7	B	12	B	17	A	22	B	27	A
3	D	8	D	13	B	18	C	23	C	28	C
4	B	9	C	14	C	19	B	24	C	29	B
5	B	10	C	15	C	20	A	25	B	30	C

Short Questions based on Knowledge & Understanding

What is HTML and why is it used?
Define the terms HTML tags and HTML elements.
What is the function of the <head> and <body> sections in an HTML document?
What is the purpose of the <!DOCTYPE html> declaration?
Differentiate between paired tags and singular tags with examples.
What does the <title> tag do in an HTML document?
Write any five basic HTML tags and their uses.
What is an HTML attribute? Give an example.
What are HTML comments and why are they used?
Mention any five benefits of using HTML for creating web pages.

Short Questions based on Application

Write an example of a simple HTML document structure.
How would you add an image to a webpage using HTML?
Explain how to create an unordered and an ordered list with suitable examples.
Write the HTML code to display a heading and a paragraph on a webpage.
How can you create a hyperlink in HTML? Write an example.
Write HTML code to create a table with two rows and two columns.
How would you use <fieldset> and <legend> in a form? Give an example.
Write the HTML code to make text bold, italic, and underlined.
How do you insert a line break and a horizontal line in HTML? Give examples.
Write an example of a comment in HTML, CSS, and JavaScript.

Short Questions based on Higher Ability

Explain the difference among HTML tags, HTML elements, and HTML attributes.
Why are semantic tags (like <strong>, <em>, <header>) considered important in HTML?
Compare <b> and <strong> tags with suitable examples.
Why is the separation of HTML, CSS, and JavaScript considered good practice?
Explain why browsers need the document structure (HTML, head, body) to render pages correctly.
Why are comments necessary in programming even though users cannot see them?
Describe how HTML, CSS, and JavaScript work together to build a complete webpage.
Why is HTML considered a platform-independent language?
Analyze the importance of using proper closing tags for paired elements.
How does the use of attributes improve the functionality and accessibility of web content?

Long questions based on Knowledge & Understanding

Explain in detail how the internet began and describe the role of ARPANET in its early development.
Describe how TCP/IP protocols work and explain why they are important for communication on the internet.
Discuss the major stages in the evolution of the internet, from its early beginnings to its global use today.
Explain how the internet connects millions of computers around the world and describe the basic components that make this possible.
Describe the major contributions of scientists and organizations in developing the early internet.

Long questions based on Application

Explain how the use of internet protocols like TCP/IP helps solve communication problems in real-life digital networks. Provide examples.
Using real-world situations, describe how internet development has changed the way people communicate and share information today.
Apply your knowledge of internet history to explain how modern online services (email, browsing, social media) became possible.
Describe how understanding the early structure of the internet can help troubleshoot network issues in modern systems.
Explain how the growth of the internet can be used to improve education, business, and communication in your community.

Long questions based on Higher Ability

Analyze how the early design of ARPANET influenced the reliability and structure of today’s global internet.
Evaluate whether the internet could have grown worldwide without the development of TCP/IP. Give logical reasons for your argument.
Discuss the long-term impact of internet evolution on society, including both positive and negative effects.
Compare the early goals of the internet creators with how the internet is used today. What major changes can you identify?
Predict how the internet might evolve in the next 20 years based on its past development. Provide reasons for your predictions.

Unit 4: HTML Elements

MCQs based on Knowledge & Understanding

1. Which tag represents a paragraph in HTML?

a) <h1> b) <p> c) <br> d) <div>

2. How many heading levels does HTML support?

a) 3 b) 5 c) 6 d) 10

3. Which of the following is a void element?

a) <h1> b) <p> c) <div> d) <br>

4. The <hr> tag is used to create a:

a) New paragraph b) Horizontal line c) Heading d) List

5. Which tag is used to make text bold?

a) <i> b) <b> c) <u> d) <small>

6. The <ul> tag is used for:

a) Numbered list b) Bulleted list c) Definition list d) Ordered list

7. Which table tag is used to define table rows?

a) <td> b) <th> c) <tr> d) <table>

8. Which attribute of <frameset> defines vertical frames?

a) rows b) cols c) border d) name

9. The anchor tag used for hyperlinks is:

a) <link> b) <hyper> c) <a> d) <url>

10. Internal links use which symbol before the ID?

a) @ b) % c) # d) $

MCQs based on Application-Based

11. You want to display text on separate lines without starting a new paragraph. Which tag should you use?

a) <p> b) <h1> c) <br> d) <hr>

12. To create a table heading “Name”, which tag is correct?

a) <td>Name</td> b) <th>Name</th>
c) <tr>Name</tr> d) <thead>Name</thead>

13. You want a list with roman numerals (i, ii). Which attribute should be used with <ol>?

a) type="1" b) type="a" c) type="i" d) type="square"

14. To underline text using an HTML tag, which tag applies?

a) <strong> b) <u> c) <sub> d) <pre>

15. Which tag should you use to create a term-definition pair?

a) <dt> and <dd> b) <li> and <ol> c) <p> and <br> d) <tr> and <td>

16. You need to add spacing between text and a table cell border. Which attribute is used?

a) cellspacing b) cellpadding c) border d) bgcolor

17. Which attribute of <a> determines where the link opens?

a) name b) src c) target d) href

18. You want to load “Menu.html” inside a frame named “Menu”. Which code is correct?

a) <frame name="Menu">Menu.html</frame>
b) <frame src="Menu.html" name="Menu">
c) <frameset src="Menu.html">
d) <a href="Menu.html" target="Menu">

19. If you want uppercase alphabets in an ordered list, which attribute value do you use?

a) A b) a c) 1 d) I

20. To link to a section with ID “chapter1”, which is correct?

a) <a href="chapter1">Chapter 1</a> b) <a id="#chapter1">Chapter 1</a>
c) <a href="#chapter1">Chapter 1</a> d) <a url="#chapter1">Chapter 1</a>

MCQs based on Higher Ability

21. Which statement best explains why headings should not be used only for making text big?

a) They cannot be styled b) Search engines rely on headings for structure
c) Browsers ignore headings d) Headings remove formatting

22. Which of the following is TRUE about paragraphs in HTML?

a) They must always contain text
b) They cannot contain images
c) They automatically close when another block element appears
d) They require a style attribute

23. Why are frames not recommended in modern webpages?

a) They increase page size
b) They are deprecated in HTML5 and cause navigation issues
c) They cannot load HTML documents
d) They cannot display text

24. Which option correctly distinguishes logical formatting tags from physical tags?

a) Logical tags affect appearance only
b) Physical tags describe meaning, not appearance
c) Logical tags add semantic meaning
d) Physical tags work only in XHTML

25. If a table needs a single cell that spans 3 columns, which attribute is used?

a) cellpadding b) rowspan c) colspan d) border

26. Which option identifies an internal link most accurately?

a) A link to another website b) A link within the same page using an ID
c) A link that opens in a new tab d) A link created using images only

27. To divide a page into 3 equal vertical frames, which is most appropriate?

a) cols=",," b) rows="33,33,33" c) cols="33%,33%,33%" d) rows=",,"

28. Which list type is most suitable for glossary-style content?

a) <ol> b) <ul> c) <dl> d) <list>

29. The main advantage of CSS over <font> or physical tags for formatting text is:

a) CSS is easier to type

b) CSS reduces repetitive styling and improves maintainability
c) Browsers do not support physical tags

d) CSS can only be applied to text

30. Which attribute will prevent the user from adjusting the size of a frame?

a) marginwidth b) noresize c) frameborder d) scrolling

ANSWER KEY
1	B	6	B	11	C	16	B	21	B	26	B
2	C	7	C	12	B	17	C	22	C	27	C
3	D	8	B	13	C	18	B	23	B	28	C
4	B	9	C	14	B	19	A	24	C	29	B
5	B	10	C	15	A	20	C	25	C	30	B

Short questions based on Knowledge & Understanding

What is an HTML element? Give one example.
Write the names of any three void elements in HTML.
What are HTML headings? Name all six heading levels.
What is the function of the <p> tag in HTML?
What does the <br> tag do in a web page?
What is the purpose of the <hr> element in HTML?
What is the difference between physical tags and logical tags in HTML formatting?
Name the three types of HTML lists.
What tags are used to create rows and columns in an HTML table?
What is a hyperlink? What tag is used to create it in HTML?

Short questions based on Application

Write HTML code to create a paragraph with two line breaks in between.
Create an HTML heading structure that shows H1 as the main heading and H3 as a subheading.
Write HTML code to insert a horizontal line between two paragraphs.
Create an ordered list using lowercase Roman numbers.
Write HTML code for an unordered list with square bullets.
Create a table with two rows and two columns containing student names and marks.
Write HTML code to format text in bold and italic using proper tags.
Create an internal link to jump to a section with id “chapter2”.
Write HTML code for an image that does not require a closing tag.
Use HTML table attributes to create a table with a border of size 2 and cell spacing of 5px.

Short questions based on Higher Ability

1. Explain why using headings properly is important for both users and search engines.

Why are some HTML tags (like <img> and <br>) designed without closing tags?
Compare ordered, unordered, and description lists with examples of when each should be used.
Discuss why paragraphs automatically close when another block-level element appears.
Explain how line breaks can affect the readability and structure of web content.
Evaluate the disadvantages of using frames in modern web design.
Why is it important to use semantic/logical tags instead of only physical formatting tags?
Explain how colspan and rowspan change the structure of an HTML table.
Discuss how internal links improve webpage navigation and user experience.
Why were frames deprecated in HTML5? Provide two reasons.

Long questions based on Knowledge & Understanding

Explain in detail the different types of HTML text formatting tags. Describe how logical tags and physical tags differ, and give suitable examples of each.
Describe the structure and purpose of HTML headings and paragraphs. Explain how line breaks (<br>) and horizontal rules (<hr>) help in organizing webpage content.
Explain the different types of HTML lists—ordered, unordered, and description lists. Describe the attributes used in ordered and unordered lists with examples.
Explain the basic structure of an HTML table. Describe the roles of <table>, <tr>, <th>, and <td> and discuss how attributes like border, cellspacing, and cellpadding affect the table layout.
Describe what void elements are in HTML. Explain why tags such as <br>, <img>, and <input> do not require closing tags, and discuss their importance in webpage design.

Long questions based on Application-Based

Using examples, explain how you would format text on a webpage using bold, italic, underline, highlighting, and superscript/subscript tags. Show how each formatting type improves content presentation.
Explain how to create a webpage section using headings, paragraphs, and horizontal lines. Demonstrate with code how these elements can be arranged to form a well-structured article layout.
Describe how to design a table that displays student information such as name, class, and marks. Explain how to apply table attributes like border, width, bgcolor, and cellpadding to improve readability.
Explain how to create different types of lists (ordered, unordered, and description) for displaying syllabus items and learning objectives on a webpage. Include HTML code to support your explanation.
Explain how internal linking works in HTML. Describe how using the id attribute and anchor tags helps navigate long webpages, and demonstrate with an example.

Long questions based on Higher Ability

1. Compare the use of semantic HTML (logical tags like <strong>, <em>, <cite>) with non-semantic physical tags (<b>, <i>). Evaluate why semantic tags are more important in modern web development.

2. Analyze how proper use of headings, paragraphs, lists, and tables helps improve user experience and accessibility on websites. Give specific examples to support your points.

3. Explain the advantages and limitations of using HTML formatting tags for designing webpages. Discuss how improper formatting can affect readability, structure, and browser compatibility.

4. Evaluate how table attributes like colspan, rowspan, border size, and width influence the layout and appearance of complex tables. Give examples of situations where such attributes are necessary.

5. Discuss the importance of void elements in HTML structure. Analyze how elements like <br>, <hr>, and <img> simplify webpage design but can also create problems if used incorrectly.

Unit 5: HTML5 Basics

MCQs Based on KNOWLEDGE & UNDERSTANDING

1. Who is known as the father of the web?

a) Bill Gates b) Tim Berners-Lee c) Charles Babbage d) Dennis Ritchie

2. Which organization became responsible for maintaining HTML specifications in 1996?

a) ISO b) W3C c) IEEE d) ICANN

3. Which version of HTML introduced audio and video tags?

a) HTML2 b) HTML3 c) HTML4 d) HTML5

4. What does SVG stand for?

a) Standard Vector Graphics b) Simple Vector Graphics
c) Scalable Vector Graphics d) Structured Vector Graphics

5. Which HTML5 tag is used for navigation links?

a) <nav> b) <menu> c) <link> d) <path>

6. Which tag is used to define sound content in HTML5?

a) <media> b) <sound> c) <audio> d) <music>

7. The <figure> tag is used for:

a) Creating tables b) Grouping images and captions
c) Adding background images d) Writing paragraphs

8. Which attribute shows a short hint inside an input field?

a) title b) alt c) placeholder d) comment

9. Which tag is used to draw graphics using JavaScript?

a) <svg> b) <canvas> c) <paint> d) <graphic>

10. Which HTML5 feature allows offline storage of data?

a) HTML tables b) Web SQL and application cache
c) <meta> tags d) CSS styles

MCQs Based on APPLICATION (10 MCQs)

11. If a developer wants to embed a video that plays automatically without sound, which attributes should be used?

a) autoplay muted b) autoplay only c) controls only d) loop only

12. Which tag should be used to create a progress indicator for a file upload task?

a) <meter> b) <progress> c) <range> d) <status>

13. If you want the browser to validate an email automatically, you should use:

a) type="text" b) type="mail" c) validate="email" d) type="email"

14. A teacher wants to add a caption under a photograph on a webpage. Which combination of tags should be used?

a) <img> and <caption> b) <figure> and <figcaption>
c) <photo> and <summary> d) <div> and <p>

15. If a developer needs a shape that resizes without losing quality, they should use:

a) canvas bitmap b) GIF images c) JPEG d) SVG

16. A web designer wants to create the main heading area of a webpage. Which semantic tag is best?

a) <header> b) <head> c) <top> d) <heading>

17. For creating a field that accepts only numbers between 1 and 10, which input type is used?

a) text b) numeric c) range d) number

18. When dragging an element, which event fires first?

a) dragenter b) dragstart c) dragover d) dragend

19. If a developer wants multiple audio formats for browser support, they should use:

a) multiple <audio> tags b) multiple <source> tags
c) multiple <format> tags d) multiple <file> tags

20. If an input field should show “Your name here…” before typing, the correct syntax is:

a) <input placeholder="Your name here"> b) <input hint="Your name here">
c) <input title="Your name here"> d) <input tip="Your name here">

MCQs Based on HIGHER ABILITY (10 MCQs)

21. Which statement best explains why HTML5 reduced the use of Adobe Flash?

a) It supports mouse events b) It supports vector graphics natively
c) It increases file sizes d) It does not support animations

22. Why does HTML5 recommend specifying width and height for videos?

a) To reduce video quality b) To enable autoplay
c) To disable controls d) To prevent page flickering during loading

23. Which feature makes HTML5 semantic tags better than <div> tags?

a) They load faster b) They describe meaning and improve readability
c) They support only CSS d) They work only in Chrome

24. Which is the best reason for using multiple <source> tags in audio or video elements?

a) To increase file size b) To let the browser pick a supported format
c) To make the site load slower d) To reduce file security

25. What makes vector graphics more efficient than bitmap graphics?

a) They lose quality when zoomed b) They have large file sizes
c) They scale without losing quality d) They cannot be animated

26. Which drag-and-drop event is responsible for actually placing the dragged item?

a) dragstart b) dragenter c) drop d) dragover

27. Why is the placeholder attribute useful for form usability?

a) It clears form data b) It provides hints that guide the user
c) It encrypts input d) It shows error messages

28. Why do Chromium browsers block autoplay with sound?

a) To save bandwidth b) To avoid unwanted audio disturbance
c) To increase website loading time d) To force the use of Flash Player

29. What is a key advantage of using the <canvas> element?

a) It requires no JavaScript b) It easily draws dynamic graphics and animations
c) It loads images faster d) It replaces CSS

30. If a website needs to store data for offline use and faster loading, which HTML5 feature is most appropriate?

a) Inline CSS b) <meta> tags
c) JavaScript alerts d) Web storage and application cache

ANSWER KEY
1	B	6	C	11	A	16	A	21	B	26	C
2	B	7	B	12	B	17	D	22	D	27	B
3	D	8	C	13	D	18	B	23	B	28	B
4	C	9	B	14	B	19	B	24	B	29	B
5	A	10	B	15	D	20	A	25	C	30	D

Short Questions based on KNOWLEDGE & UNDERSTANDING

Who developed HTML originally?
When did HTML become an international standard (ISO)?
Name two major additions in HTML5 for multimedia content.
What does SVG stand for?
Which HTML5 tags are considered semantic for defining page sections?
What is the purpose of the <nav> tag?
Which tag is used to add a caption for a figure in HTML5?
Name the HTML5 tag used to draw graphics with JavaScript.
What is the function of the placeholder attribute in input fields?
Name one feature of HTML5 that allows offline storage.

Short Questions based on APPLICATION

How would you make a video autoplay muted using HTML5?
Which input type should be used to accept only numeric values?
How can you validate an email automatically in HTML5 forms?
What combination of tags is used to group an image and its caption?
Which tag would you use to show a progress bar for a file upload?
How do you make an element draggable in HTML5?
Which events are necessary to implement dropping of a dragged element?
How can multiple audio formats be supported on a webpage?
How do you make a navigation menu accessible and semantic?
How would you give a hint inside an input field before the user types?

Short Questions based on HIGHER ABILITY

Explain why HTML5 semantic tags are preferred over generic <div> tags.
Why is specifying width and height for <video> recommended?
How does using SVG improve website performance over bitmap graphics?
Why do Chromium browsers block autoplay with sound by default?
What advantage does the <canvas> element provide for graphics?
Describe the difference between dragstart and drop events.
How does the placeholder attribute improve form usability?
Explain why using multiple <source> tags in audio/video is important.
What makes HTML5 forms more user-friendly compared to HTML4?
How can web storage enhance offline website functionality?

Long Questions based on KNOWLEDGE & UNDERSTANDING

Describe the history and evolution of HTML, including the role of Tim Berners-Lee and the W3C.
Explain the major differences between HTML and HTML5.
What are semantic elements in HTML5? Give examples and explain their importance.
Describe the purpose of <header> and <footer> tags in HTML5.
Explain the use of <figure> and <figcaption> elements with an example.
What are the new input types introduced in HTML5 forms? Explain their functions.
Describe the purpose of the <nav> and <progress> tags in HTML5.
Explain the role of audio and video tags in HTML5 and their advantages.

Long Questions based on APPLICATION

Write an HTML5 code to embed a video and an audio file on a web page that autoplay muted.
Create an HTML5 form that includes email, number, URL, and placeholder attributes.
Write HTML5 code to implement a navigation menu using the <nav> tag.
Demonstrate the use of <figure> and <figcaption> to display an image with a caption.
Write HTML5 code to show a progress bar at 50% completion.
Create an HTML5 example to make an element draggable and drop it into a target container.
Write a simple <canvas> example to draw a rectangle using JavaScript.
Create an HTML5 form using required and autofocus attributes for better usability.

Long Questions based on HIGHER ABILITY

1. Explain the advantages of using HTML5 semantic elements over <div> tags in terms of accessibility and SEO.

2. Discuss why specifying width and height for <video> and <canvas> elements is important.

3. Explain the difference between bitmap images and SVG graphics. Why are SVG graphics preferred in HTML5?

4. Describe the HTML5 Drag and Drop process in detail, including all relevant events and the DataTransfer object.

5. Explain how HTML5 enhances form validation and reduces reliance on JavaScript.

6. Discuss the advantages and limitations of autoplay in HTML5 audio and video elements.

7. Explain how HTML5 local storage and application cache improve offline functionality for web applications.

8. Discuss the role of <output> and <progress> elements in HTML5 and provide examples of their usage.

Unit 6: Cascading Style Sheet (CSS)

MCQs Based on Knowledge & Understanding

1. Which part of CSS is responsible for defining how HTML elements should look?

A. Syntax B. Selector C. Property D. Styling rules

2. Which selector is used to style all elements of the same type?

A. ID selector B. Class selector C. Element selector D. Group selector

3. What does the term “cascading” mean in CSS?

A. Styles flow in reverse order B. Styles apply based on priority rules
C. Styles are sorted alphabetically D. Styles are applied randomly

4. Which file extension is used for external CSS?

A. .style B. .css C. .html D. .web

5. Which property is used to change the background color?

A. color B. bg-color C. background-color D. background-style

6. Which of the following is a valid CSS comment?

A.  B. #comment C. /* comment */ D. // comment

7. What is the default display type for <div>?

A. inline B. block C. inline-block D. flex

8. Which CSS property is used to remove the underline from a hyperlink?

A. text-style B. text-decoration C. font-decoration D. underline-remove

9. Which property controls the space between lines of text?

A. line-height B. letter-spacing C. text-gap D. font-space

10. Which unit is relative to the font size of the parent element?

A. px B. % C. em D. cm

11. What does the acronym CSS stand for?

A. Computer Style Sheet B. Cascading Style Sheet
C. Creative Styling Syntax D. Color Styling System

12. Which HTML tag is used to apply internal CSS?

A. <style> B. <css> C. <script> D. <design>

13. Which of the following is NOT a type of CSS?

A. Inline CSS B. External CSS C. Internal CSS D. Remote CSS

14. What symbol is used to target a class selector in CSS?

A. # B. . C. @ D. $

15. The “id selector” in CSS is represented using which symbol?

A. % B. @ C. # D. *

16. Which CSS property controls text size?

A. font-style B. font-size C. text-size D. size

17. Which of the following is a color property in CSS?

A. text-align B. background-color C. display D. border-type

18. Which CSS property controls spacing outside an element’s border?

A. Padding B. Margin C. Spacing D. Gap

19. Which CSS property adds space inside an element’s border?

A. Padding B. Margin C. Border-width D. Content-space

20. The box model includes content, padding, border, and ____?

A. Display B. Flex C. Margin D. Gap

MCQs based on Application Level

21. Which CSS rule will make the text inside <h2> centered and red?

A. h2 { align: center; color: red; } B. h2 { text-align: center; text-color: red; }
C. h2 { text-align: center; color: red; } D. h2.center { color: red; }

22. You want to make an image responsive. Which property is best?

A. width: 200px; B. width: auto; C. width: 100%; D. display: block;

23. To apply the same style to multiple classes, you use:

A. .a .b B. .a, .b C. .a + .b D. .a > .b

24. How do you make a div appear beside another div horizontally?

A. display: block; B. display: inline-block;
C. line-height: 0; D. height: auto;

25. Which property makes an element move to the right side of its container?

A. float: right; B. align: right; C. display: right; D. move: right;

26. Which CSS is correct to add a shadow behind a box?

A. box-decoration: shadow; B. shadow: 1px 1px 5px black;
C. box-shadow: 1px 1px 5px black; D. border-shadow: black;

27. To make a paragraph text uppercase, use:

A. font-transform: upper; B. text-case: upper;
C. text-transform: uppercase; D. case: uppercase;

28. Which CSS makes text appear with space between letters?

A. letter-spacing B. word-spacing C. line-height D. spacing-text

29. You want to position an element relative to the browser window. Which position value applies?

A. relative B. fixed C. absolute D. static

30. If you want to highlight only the first letter of a paragraph, you use:

A. p:first-text B. p::first-letter C. p:first-letter() D. p:first-letter

31. If you want to make all paragraph text blue, which CSS rule would you use?

A. p { color: blue; } B. #p { color: blue; }
C. .p { text-color: blue; } D. paragraph { color: blue; }

32. To center-align text inside a heading, which property is used?

A. align-content B. justify-text C. text-align D. position

33. Which code correctly applies a yellow background to a div with class “box”?

A. div.box { background: yellow; } B. .box { background-color: yellow; }
C. #box { color: yellow; } D. <div bg="yellow">

34. If you want to create a navigation bar horizontally, you typically use:

A. display: block; B. display: inline-block;
C. display: inline; D. float: left;

35. Which CSS rule will import an external stylesheet?

A. <style src="style.css"> B. import-css: url(style.css);
C. <link rel="stylesheet" href="style.css"> D. @css: style.css;

36. To add 20px space inside a div, which is correct?

A. margin: 20px; B. padding: 20px; C. space: 20px; D. gap: 20px;

37. Which CSS rule gives a red border of 2px thickness?

A. border: 2px dotted red; B. border: 2px solid red;
C. border-color: red; D. border-size: 2px red;

38. To change the font of all text to “Arial”, you use:

A. font: Arial; B. font-family: Arial; C. text-font: Arial; D. family-font: Arial;

39. Which code creates a green background only for one element with id “header”?

A. .header { background: green; } B. header { background: green; }
C. #header { background: green; } D. id.header { background: green; }

40. Which CSS property will make an element’s text bold?

A. font-style B. text-size C. weight D. font-weight

MCQs based on Higher Ability

41. Which CSS rule will style all <li> items inside a <ul> but NOT inside nested <ul> tags?

A. ul li B. ul > li C. li > ul D. li ul

42. A class and an ID both target the same element with conflicting colors. Which one applies?

A. Class selector B. ID selector C. Browser default D. None

43. Which selector style is the most specific?

A. .menu a B. #menu a C. a:hover D. a

44. You want a layout that adjusts spacing automatically, even on different screen sizes. Best approach?

A. px units B. table layout C. flexbox D. fixed positioning

45. What happens if you set margin-left: auto and margin-right: auto on a block element?

A. It becomes invisible B. It centers horizontally
C. It moves to the left D. It moves to the right

46. Which rule overrides a CSS class inside an external stylesheet?

A. A later external file B. An inline style
C. A tag selector D. A universal selector

47. Which selector applies only when the user hovers over a link?

A. a:link B. a:active C. a:hover D. a:focus

48. If two selectors have the same specificity, which style is applied?

A. The older style B. The first declared style
C. The last declared style D. The browser default

49. Which CSS technique prevents layout shift during image loading?

A. Setting height only B. Setting width only
C. Setting both width and height D. Removing borders

50. Which flex property controls how leftover space is shared between items?

A. flex-grow B. flex-wrap C. flex-align D. flex-space

51. Which selector applies styles ONLY to the first <p> inside a div?

A. div p:first B. div:first-child p C. div > p:first-child D. p:first-of-type

52. Which CSS will override all others due to high specificity?

A. Class selector B. ID selector C. Tag selector D. Universal selector

53. If both inline CSS and external CSS apply different colors to the same text, which color appears?

A. External B. Internal C. Tag-based D. Inline CSS

54. Which option best describes the purpose of the box model?

A. To apply colors to elements B. To structure spacing and layout of page elements
C. To style fonts D. To define HTML document structure

55. If padding is increased in a fixed-width box, what happens to its overall size?

A. Stays the same B. Decreases C. Increases D. Only height increases

56. Which selector targets all paragraph elements inside a section but not inside a header?

A. section > p B. section p C. header p D. section + p

57. If you want three boxes to align horizontally with equal spacing, which layout technique is MOST appropriate?

A. Float layout B. Inline text formatting C. Flexbox D. Table layout

58. Which CSS will remove default bullet points from a list?

A. list-decoration: none; B. list-type: hidden; C. list-style: none; D. bullet: 0;

59. You want a navigation bar to stick at the top when scrolling. Which property is needed?

A. position: fixed B. position: static C. position: absolute D. position: relative

60. Which selector has the LOWEST specificity?

A. * B. p C. .class D. #id

ANSWER KEY
1	D	7	B	13	D	19	A	25	A	31	A	37	B	43	B	49	C	55	C
2	C	8	B	14	B	20	C	26	C	32	C	38	B	44	C	50	A	56	A
3	B	9	A	15	C	21	C	27	C	33	B	39	C	45	B	51	C	57	C
4	B	10	C	16	B	22	C	28	A	34	B	40	D	46	B	52	B	58	C
5	C	11	B	17	B	23	B	29	B	35	C	41	B	47	C	53	D	59	A
6	C	12	A	18	B	24	B	30	B	36	B	42	B	48	C	54	B	60	A

Short Questions based on Knowledge & Understanding

What is CSS and why is it used in web pages?
Write any three advantages of using CSS.
What are the three types of CSS described in the text?
What is an element selector in CSS?
Define font family and list its two types.
What is the purpose of the background-color property?
Write any three values of the border-style property.
What is the difference between margin and padding?
What does the overflow property control in CSS?
What is the CSS box model?

Short Questions based on Application

How would you apply a green color and 40px font size to all <h1> tags using internal CSS?
Write a CSS rule to float an image to the right side of its container.
Which CSS selector would you use to style a single element with id="title"? Write the rule.
Write a CSS rule to set a paragraph’s padding to 20px on all sides.
How do you set a box to have a maximum width of 400px?
Write CSS code to make text uppercase using text-transform.
If you want to hide overflowing content, which property and value will you use?
Provide a CSS example that sets a blue dotted border of 3px around a <div>.
Write the CSS code to create a sticky navigation bar at the top of a webpage.
How do you set the line height of a paragraph to 30px?

Short Questions based on Higher Ability

Why does inline CSS override internal and external CSS?
Explain how collapsed margins affect the layout of two adjacent blocks.
How does using the universal selector (*) affect the entire webpage?
Why is understanding the CSS box model important before setting width and height of an element?
Compare overflow: scroll and overflow: auto with examples.
How does the relative positioning method differ from absolute positioning?
Why is external CSS better for large websites than internal CSS?
Explain how the border-radius property can create different corner shapes using one, two, three, or four values.
Why do developers use float for layout even though it was not originally meant for layout?
How does a dropdown navigation bar works using hover and absolute positioning?

Unit 7: JavaScript Fundamentals

MCQs based on Knowledge and Understanding

1.      What is JavaScript primarily used for?
a) Static web page design                               b) Dynamic features on web pages
c) Server-side database management          d) Image processing
Answer: b) Dynamic features on web pages

2. Which HTML tag is used to embed JavaScript code?
a) <style> b) <script> c) <link> d) <code>
Answer: b) script

3.      What does "cross-browser compliant" mean?
a) Works only in Chrome                    b) Same look and feel across all browsers
c) Faster loading in one browser       d) Mobile-only compatibility
Answer: b) Same look and feel across browsers

4. JavaScript is a __________ typed language.
a) Strongly b) Dynamically c) Statically d) None of these
Answer: b) Dynamically

5. Which data type represents true/false values?
a) String b) Number c) Boolean d) Object
Answer: c) Boolean

6.      What is the scope of a local variable?
a) Entire webpage                    b) Only within its function
c) Global everywhere              d) Browser cache
Answer: b) Only within its function

7.      What does HTML DOM represent?
a) CSS styling model                b) Programming interface for HTML
c) JavaScript engine                 d) Browser cache system
Answer: b) Programming interface for HTML

8.      Which method finds an element by its id?
a) getElementsByTagName                 b) getElementById
c) querySelectorAll                              d) getElementsByClassName
Answer: b) getElementById

9.      What is the main advantage of JavaScript functions?
a) Increases file size                 b) Code reusability
c) Slower execution                  d) More memory usage
Answer: b) Code reusability

10. Which popup requires user input?
a) Alert b) Confirm c) Prompt d) None
Answer: c) Prompt

MCQs based on Application

11. Where should you place a script tag if it modifies body content?
a) Always in head b) Within body section
c) Before DOCTYPE d) After HTML tag
Answer: b) Within body section

12. How do you link an external JavaScript file "script.js"?
a) <script src="js/script.js"> b) <link href="js/script.js">
c) <style src="js/script.js"> d) <js src="js/script.js">
Answer: a) <script src="js/script.js">

13. What will x = 5; x = "John"; demonstrate?
a) Type error b) Dynamic typing c) Syntax error d) Memory leak
Answer: b) Dynamic typing

14. Which code declares a global variable?
a) function() { var x = 10; } b) var x = 10; outside function
c) let x = 10; inside function d) const x = 10; in loop
Answer: b) var x = 10; outside function

15. What does document.getElementById("demo").innerHTML = "Hi"; do?
a) Creates new element b) Changes content of element
c) Adds style d) Removes element
Answer: b) Changes content of element

16. How to find all <p> elements?
a) getElementById("p") b) getElementsByTagName("p")
c) querySelector("p") d) getElementsByClassName("p")
Answer: b) getElementsByTagName("p")

17. What is the output of if (age >= 18) { alert("Adult"); } when age=16?
a) "Adult" alert b) No alert c) Syntax error d) Infinite loop
Answer: b) No alert

18. Which loop runs at least once?
a) for b) while c) do-while d) for-in
Answer: c) do-while

19. How to call function msg() with button click?
a) onclick="msg()" b) onClick="msg" c) click="msg()" d) button="msg"
Answer: a) onclick="msg()"

20. What does confirm("Delete?") return if user clicks Cancel?
a) true b) Input text c) false d) null
Answer: c) false

MCQs based on Higher Ability

21. Why prefer feature detection over version detection?
a) Faster execution b) Ensures compatibility across browsers
c) Smaller code size d) Better SEO
Answer: b) Ensures compatibility across browsers

22. What happens without break in switch case?
a) Syntax error b) Fall-through to next case
c) Stops execution d) Infinite loop
Answer: b) Fall-through to next case

23. NodeList vs HTMLCollection: Which is live?
a) NodeList always b) HTMLCollection always
c) Both static d) Depends on method
Answer: b) HTMLCollection always

24. Why use local variables over global?
a) Faster access b) Reduces naming conflicts
c) More memory d) Global scope needed
Answer: b) Reduces naming conflicts

25. What's the difference between querySelectorAll and getElementsByClassName?
a) One returns NodeList, other HTMLCollection b) Speed difference only
c) One is deprecated d) No functional difference
Answer: a) One returns NodeList, other HTMLCollection

26. In for (i=0; i<5; i++), what runs first?
a) condition b) initialization c) increment d) code block
Answer: b) initialization

27. When does prompt() return null?
a) Empty input b) User clicks Cancel
c) Invalid number d) Browser not supported
Answer: b) User clicks Cancel

28. for...in vs for...of: Which iterates object properties?
a) for...of b) for...in c) Both d) Neither
Answer: b) for...in

29. Object literal syntax: person = {name: "John"} creates what?
a) Function b) Array c) Object with property d) String
Answer: c) Object with property

30. Why separate JS files improve performance?
a) Smaller file size b) Browser caching c) Faster parsing d) Better SEO
Answer: b) Browser caching

Short Questions based on Knowledge and Understanding

Define JavaScript and state its primary purpose in web development.
What does "cross-browser compliant" mean for a web application?
Name the HTML tag used to embed JavaScript code and list two possible locations.
List the six primitive data types in JavaScript with one example each.
Explain the difference between local and global variable scope.
What is the HTML DOM and what are its three main components?
Name three DOM methods for finding HTML elements.
List the four main JavaScript loop types mentioned.
State two main advantages of using JavaScript functions.
Name the three types of JavaScript popup boxes and their return values.

Short Questions based on Application

Write the script tag to link an external JavaScript file named "main.js" from js folder.
Show inline JavaScript code to display current date in an alert box.
Write code to change content of element with id="demo" to "Hello World".
Declare a local variable "age" inside a function and assign value 20.
Find all paragraph elements using getElementsByTagName method.
Write if statement to check if number is greater than 10 and show alert.
Create for loop to print numbers 1 to 5 using document.write.
Define function "greet" that alerts "Hello User" when called.
Write confirm box code that shows different messages for OK/Cancel.
Create object literal "student" with name and age properties.

Short Questions based on Higher Ability

Explain why feature detection is preferred over version detection for browser compatibility.
Compare HTMLCollection and NodeList - which is live and why it matters.
Why should local variables be preferred over global variables in large applications?
Analyze when to place script tag in head vs body section with examples.
Compare querySelectorAll vs getElementsByClassName in terms of collection type and behavior.
Explain switch case fall-through behavior without break statements.
Why does do-while loop guarantee at least one execution unlike while loop?
Differentiate for...in vs for...of loops with their ideal use cases.
Compare three ways to create JavaScript objects with syntax examples.
Explain why separate JS files improve page load performance through caching.

Long Questions based on Knowledge and Understanding

Explain JavaScript data types including primitive and object types with ES6 additions like Symbol and BigInt.
Detail all DOM methods for finding elements (id, tag, class, selector, collections) with syntax.
Describe if, if-else, if-else-if, and switch statements with syntax and execution flow.
Explain for, while, do-while, for-in, and for-of loops including their syntax and use cases.

Long Questions based on Application

Write complete HTML with embedded JavaScript to show current date as h1 header using document.body.innerHTML.
Create external JS file connection example with project structure (index.html, js/script.js) showing date display.
Demonstrate local vs global variable usage with function example showing scope errors.
Write code using getElementById, getElementsByTagName, and getElementsByClassName to manipulate multiple elements.
Create function with parameters, return value, and button onclick to calculate cube of input number.

Long Questions based on Higher Ability

Compare benefits of external JS files vs inline scripts for maintenance, caching, and performance.
Analyze NodeList length property usage in loops with example changing all paragraph colors.
Design conditional structure using if-else-if ladder to categorize student grades (A,B,C,D,F).
Explain object creation methods (literal, new Object, constructor) with method definition example.
Evaluate popup boxes (alert, confirm, prompt) for user interaction scenarios with return value handling.
Compare dynamic typing advantages/disadvantages with example showing variable type changes.
Design nested loop structure to create multiplication table using document.write.
Analyze Function constructor security risks vs regular function declaration with examples.
Explain document object properties (title, URL, cookie, forms, images) with practical uses.
Create responsive element finder using querySelectorAll for complex CSS selectors on form elements.

Click Web Site Design to download in pdf.

Search This Blog

Shree Secondary School

Model Questions for Website Development (Technical Stream Grade IX)

Comments

Post a Comment

Popular posts from this blog

CHERM Model Question

Model Questions for practice in CHERM Grade 10 Technical Stream