Web page designing using HTML: Introduction MCQs Quiz | Class 10

This quiz covers important Multiple Choice Questions (MCQs) for Class X, Subject: Computer Applications (Code 165), Unit 2: HTML, specifically focusing on ‘Web page designing using HTML: Introduction’. Test your understanding of the purpose of HTML, its basic structure, and the difference between an editor and a browser. Submit your answers to see your score and download a detailed answer PDF for revision.

Understanding Web Page Designing with HTML: An Introduction

HTML (HyperText Markup Language) is the backbone of every web page you visit. It provides the structure and content that web browsers interpret to display information. This section delves into the fundamental aspects of HTML, its purpose, basic structure, and the crucial distinction between an HTML editor and a web browser.

The Purpose of HTML

At its core, HTML serves to define the content and structure of web pages. It uses a system of “markup” tags to tell a web browser how to display text, images, and other forms of media. HTML is not a programming language; it is a markup language. This means it doesn’t perform logical operations but rather describes the layout and components of a document. For instance, HTML tags designate headings, paragraphs, lists, links, images, and tables.

  • Structuring Content: HTML uses tags like <h1> for main headings, <p> for paragraphs, and <ul> for unordered lists to organize content logically.
  • Embedding Media: It allows for the inclusion of images (<img>), videos (<video>), and audio (<audio>) files.
  • Creating Links: Hyperlinks (<a> tag) are fundamental to the web, connecting different pages and resources.
  • Forms: HTML provides elements (<form>, <input>) to create interactive forms for user input.

Basic Structure of an HTML Document

Every HTML document follows a standard, hierarchical structure to ensure browsers can correctly parse and render its content. Here’s a breakdown:

Element/Tag Description
<!DOCTYPE html> This declaration defines that the document is an HTML5 document. It must be the very first thing in your HTML document, before the <html> tag.
<html>...</html> This is the root element of an HTML page. All other HTML elements are nested inside it.
<head>...</head> Contains meta-information about the HTML document, such as its title, links to stylesheets, and script files. Content inside <head> is NOT displayed on the web page itself.
<title>...</title> Specifies the title of the HTML page, which is shown in the browser’s title bar or tab. This is part of the <head> section.
<body>...</body> Contains the visible page content, such as headings, paragraphs, images, hyperlinks, tables, lists, etc. Everything you see on a web page is inside the <body> tag.

HTML Editor vs. Web Browser

Understanding the distinct roles of an HTML editor and a web browser is crucial for web development:

HTML Editor:

An HTML editor is a software application used to write, edit, and manage HTML code. These tools range from simple text editors to advanced integrated development environments (IDEs) with features like syntax highlighting, auto-completion, and debugging capabilities.

Examples: Notepad, Notepad++, Visual Studio Code (VS Code), Sublime Text, Atom, Brackets.

Web Browser:

A web browser is a software application used to access and display web pages. Its primary function is to interpret HTML, CSS, and JavaScript code and render it into a visually interactive page that users can view and interact with. Browsers fetch documents from a web server and display them.

Examples: Google Chrome, Mozilla Firefox, Microsoft Edge, Apple Safari, Opera.

Quick Revision

  • HTML is a markup language for structuring web content.
  • The <head> tag holds metadata, and the <body> tag holds visible content.
  • Editors are for writing code, browsers are for displaying the output.
  • <!DOCTYPE html> defines the document type for HTML5.

Additional Practice Questions

  1. What is the primary language for adding style to web pages?
    1. HTML
    2. CSS
    3. JavaScript
    4. Python
  2. Which HTML tag is used to create a hyperlink?
    1. <link>
    2. <href>
    3. <a>
    4. <url>
  3. Which attribute specifies the URL of the page the link goes to?
    1. src
    2. href
    3. link
    4. url
  4. What does the <p> tag represent in HTML?
    1. Picture
    2. Paragraph
    3. Preformatted text
    4. Pointer
  5. Is HTML a programming language?
    1. Yes
    2. No
    3. Sometimes
    4. Only for front-end

Author

  • CBSE Quiz Editorial Team

    Content created and reviewed by the CBSE Quiz Editorial Team based on the latest NCERT textbooks and CBSE syllabus. Our goal is to help students practice concepts clearly, confidently, and exam-ready through well-structured MCQs and revision content.