HTML (as a web language) MCQs Quiz | Class 10

This quiz covers Class X Computer Applications (Code 165), Unit 1: Networking, focusing on HTML (as a web language). Test your understanding of what HTML does and the concept of structure tags. Submit your answers and download a detailed PDF answer sheet with your results!

Understanding HTML: The Language of the Web

HTML, or HyperText Markup Language, is the foundational technology that defines the structure and content of web pages. It’s a standard language used worldwide to create documents on the World Wide Web.

What HTML Does

HTML is primarily responsible for structuring content on the web. It uses a system of “markup” to tell web browsers how to display text, images, and other multimedia elements. Here’s what HTML allows you to do:

  • Structure Content: Organize text into headings, paragraphs, lists, and tables.
  • Embed Multimedia: Insert images, videos, and audio clips into web pages.
  • Create Links: Connect different web pages or sections within a page using hyperlinks.
  • Form Inputs: Design forms for user input, such as text fields, checkboxes, and buttons.
  • Semantic Meaning: Give meaning to content (e.g., this is a paragraph, this is a heading, this is a navigation menu), which helps search engines and assistive technologies.

It’s crucial to understand that HTML is a markup language, not a programming language. This means it doesn’t perform calculations or logical operations; instead, it describes and structures content.

The Concept of Structure Tags

HTML documents are built using elements, which are represented by tags. Tags are keywords enclosed in angle brackets (e.g., <p>). Most HTML elements have an opening tag and a closing tag (e.g., <p>This is a paragraph.</p>). Some tags are self-closing (e.g., <br> for a line break or <img> for an image).

Basic HTML Document Structure:

Every HTML page typically follows a basic structure:

<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
    <!-- Metadata, links to CSS/JS -->
</head>
<body>
    <!-- All visible content goes here -->
</body>
</html>
  • <!DOCTYPE html>: Declares the document type and version of HTML (HTML5 in this case).
  • <html>: The root element that encloses all other HTML elements.
  • <head>: Contains meta-information about the HTML document, such as its title, character set, stylesheets, and scripts. This content is not directly visible on the page.
  • <body>: Contains all the visible content of the web page, including text, images, links, etc.

Common Structural Tags and Their Purpose:

Tag Description Example
<h1> to <h6> Define headings, with <h1> being the most important (largest) and <h6> the least (smallest). <h1>Main Heading</h1>
<p> Defines a paragraph of text. <p>This is a paragraph.</p>
<a> Creates a hyperlink to another document or section within the same document. Uses the href attribute. <a href="page.html">Link</a>
<img> Embeds an image. It’s a self-closing tag and uses src (source) and alt (alternative text) attributes. <img src="pic.jpg" alt="Description">
<ul>, <ol>, <li> <ul> for unordered lists, <ol> for ordered lists. Both contain <li> (list item) tags. <ul><li>Item</li></ul>
<div> A generic block-level container for grouping other HTML elements. Used for layout with CSS. <div>...content...</div>
<span> A generic inline container for grouping small pieces of content. Used for inline styling with CSS. <span>...text...</span>

Quick Revision Points:

  • HTML (HyperText Markup Language) is used for creating the structure of web pages.
  • It is a markup language, not a programming language.
  • HTML documents consist of elements, which are represented by tags (e.g., <p>, <h1>).
  • The basic structure includes <!DOCTYPE html>, <html>, <head>, and <body>.
  • The <head> tag contains metadata, while the <body> tag contains all visible content.
  • Common structural tags include <h1>–<h6> for headings, <p> for paragraphs, <a> for hyperlinks, and <img> for images.

Practice Questions:

  1. Which HTML tag is used to embed an image into a web page?
  2. What is the purpose of the alt attribute in an <img> tag?
  3. Which HTML tags are used to create an unordered list?
  4. What HTML tag is commonly used to group block-level elements for styling or scripting purposes?
  5. What is the significance of the <!DOCTYPE html> declaration at the beginning of an HTML document?