Web pages MCQs Quiz | Class 10

This quiz is designed for Class X students, covering the Subject: Computer Applications (Code 165), Unit: Unit 1: Networking, and Topic: Web pages MCQs Quiz | Class 10. It specifically focuses on the idea of a single page and basic HTML page structure. Test your knowledge on how web pages are built and organized. After submitting, review your answers and download a PDF for future reference.

Understanding Web Pages and HTML Structure

Web pages are the fundamental building blocks of the internet. When you open a browser and visit a website, you are essentially viewing one or more web pages. These pages are designed to display information, allow interaction, and connect users to other resources across the World Wide Web.

What is a Web Page?

A web page is a document, typically written in HTML (HyperText Markup Language), that is accessible via a web browser. It can contain text, images, videos, audio, and interactive elements. Each web page has a unique address called a URL (Uniform Resource Locator) that allows users and browsers to find it.

The Role of HTML

HTML is the standard markup language for creating web pages. It provides the structure of a web page by using a series of elements, each enclosed in tags (like <p> for paragraph or <img> for image). HTML tells the browser how to display the content.

Basic HTML Page Structure Idea

Every well-formed HTML document follows a basic, consistent structure. Understanding this structure is crucial for creating effective web pages. Here’s a breakdown of the essential components:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page Title Goes Here</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- All the visible content of the web page goes here -->
    <h1>Welcome to My Web Page</h1>
    <p>This is a paragraph of text.</p>
    <a href="another-page.html">Go to Another Page</a>
</body>
</html>

Let’s look at each part:

  1. <!DOCTYPE html>: This declaration defines that the document is an HTML5 document. It should always be the very first thing in your HTML document.
  2. <html lang="en">: This is the root element of an HTML page. All other elements are nested inside it. The lang="en" attribute specifies the language of the document, which helps search engines and accessibility tools.
  3. <head>: This section contains meta-information about the HTML document, which is not directly visible on the web page itself but is critical for its functioning.
    • <meta charset="UTF-8">: Specifies the character encoding for the document, ensuring proper display of various characters.
    • <meta name="viewport" content="width=device-width, initial-scale=1.0">: Configures the viewport for responsive design, making the page look good on different devices.
    • <title>...</title>: Sets the title of the web page, which appears in the browser tab or window title bar.
    • <link rel="stylesheet" href="styles.css">: Links an external stylesheet (CSS) to style the HTML content.
  4. <body>: This section contains all the visible content of the web page, such as headings, paragraphs, images, links, lists, tables, etc. This is what users actually see and interact with.

Common HTML Tags and Their Purpose

Tag Description
<h1> to <h6> Headings, from most important (h1) to least important (h6).
<p> Defines a paragraph of text.
<a> Creates a hyperlink to another web page or resource.
<img> Embeds an image into the document.
<ul>, <ol>, <li> Unordered lists (bullets), Ordered lists (numbers), and List items respectively.
<div> A generic container for flow content, often used for layout with CSS.
<span> An inline container for phrasing content, often used to apply styles to a small part of text.

Quick Revision Points

  • Web pages are HTML documents displayed by web browsers.
  • HTML provides the structure of a web page using tags and elements.
  • The <!DOCTYPE html> declaration defines the document type.
  • The <html> element is the root of every HTML document.
  • The <head> section contains metadata (not visible content).
  • The <title> tag sets the browser tab title.
  • The <body> section contains all the visible content of the web page.
  • Tags like <p>, <a>, <img> are used for common content elements.

Extra Practice Questions

  1. Which HTML element is used to specify a footer for a document or section?
    • A) <bottom>
    • B) <footer>
    • C) <foot>
    • D) <end>

    Answer: B) <footer>

  2. What does the <meta> tag typically contain in an HTML document?
    • A) Visible content for the page
    • B) Information about the document (metadata)
    • C) Scripts for interactive functionality
    • D) Styling rules for the page

    Answer: B) Information about the document (metadata)

  3. Which HTML attribute is used to provide an alternative text for an image if it cannot be displayed?
    • A) src
    • B) link
    • C) alt
    • D) title

    Answer: C) alt

  4. Which of the following is NOT a block-level element by default in HTML?
    • A) <p>
    • B) <div>
    • C) <span>
    • D) <h1>

    Answer: C) <span>

  5. In which part of the HTML document would you include JavaScript code that should run before any content is rendered?
    • A) Inside the <body> tag, at the very end
    • B) Inside the <head> tag
    • C) After the closing </html> tag
    • D) Only in external .js files

    Answer: B) Inside the <head> tag