Report File: At least 10 HTML pages (15) MCQs Quiz | Class 10
This quiz is designed for **Class X**, covering **Computer Applications (Code 165)**, specifically focusing on the **Practicals (Assessment)** unit. The topic is **Report File: At least 10 HTML pages (15) MCQs Quiz | Class 10**, which assesses your ability to create a **portfolio of HTML pages covering syllabus skills**. Test your knowledge, submit your answers, and download a detailed PDF of your performance!
Mastering HTML for Your Class 10 Portfolio
Creating a portfolio of HTML pages is a crucial practical assessment for Class 10 Computer Applications. This portfolio demonstrates your foundational understanding and practical skills in designing web pages using various HTML elements. It’s not just about syntax; it’s about structuring content effectively and presenting information clearly, adhering to syllabus requirements.
Key Concepts for Your HTML Portfolio:
A well-rounded HTML portfolio should cover a variety of elements and functionalities taught in Class 10. Here are the core areas:
- Basic HTML Document Structure: Every HTML page starts with
<!DOCTYPE html>, followed by<html>,<head>(for metadata like<title>), and<body>(for visible content). - Text Formatting Tags:
- Headings:
<h1>to<h6>for structuring content. - Paragraphs:
<p>for blocks of text. - Line Breaks and Horizontal Rules:
<br>for a new line,<hr>for a thematic break. - Emphasis:
<b>(bold),<i>(italic),<u>(underline),<strong>(strong importance),<em>(emphasized text),<sup>(superscript),<sub>(subscript).
- Headings:
- Lists: Essential for organizing information.
- Unordered Lists:
<ul>with<li>items (e.g., for bullet points). - Ordered Lists:
<ol>with<li>items (e.g., for numbered steps), often using thetypeattribute (1, A, a, I, i).
- Unordered Lists:
- Hyperlinks: The backbone of the web.
- Anchor Tag:
<a>to create links. - Attributes:
hrefspecifies the destination URL,target="_blank"opens link in a new tab. - Types: Absolute URLs (full web address) and Relative URLs (paths within your website).
- Anchor Tag:
- Images: Adding visual content.
- Image Tag:
<img>is a self-closing tag. - Attributes:
src(path to image),alt(alternative text for accessibility),width,height(for dimensions).
- Image Tag:
- Tables: Presenting tabular data.
- Structure:
<table>,<tr>(table row),<th>(table header),<td>(table data). - Attributes:
border,cellpadding,cellspacingfor basic styling. - Spanning Cells:
colspan(merges cells horizontally),rowspan(merges cells vertically).
- Structure:
- Forms: Interacting with users.
- Form Tag:
<form>contains form elements. - Input Types:
<input type="text">,<input type="password">,<input type="radio">,<input type="checkbox">,<input type="submit">,<input type="reset">. - Other Elements:
<textarea>(multi-line text input),<select>with<option>(dropdown lists),<label>for input fields. - Attributes:
action(where to send form data),method(GET/POST).
- Form Tag:
- Basic CSS Integration: While detailed CSS is for higher classes, you should be aware of basic styling.
- Inline CSS: Using the
styleattribute directly in an HTML tag. - Internal CSS: Defining styles within a
<style>tag in the<head>section.
- Inline CSS: Using the
Quick Revision: Common HTML Tags and Their Uses
| Tag | Purpose | Example Use |
|---|---|---|
<p> |
Paragraph of text | <p>This is a paragraph.</p> |
<h1> |
Main heading | <h1>Welcome Page</h1> |
<a> |
Hyperlink | <a href="next.html">Next Page</a> |
<img> |
Image | <img src="pic.jpg" alt="Description"> |
<ul> |
Unordered list | <ul><li>Item 1</li></ul> |
<ol> |
Ordered list | <ol><li>Step 1</li></ol> |
<table> |
Data table | <table><tr><th>Header</th></tr></table> |
<form> |
User input form | <form><input type="text"></form> |
Practice Questions for Self-Assessment:
- Which HTML tag is used to define a definition list?
Answer: a)
<dl> - What is the correct HTML element for inserting a line break?
Answer: c)
<br> - Which attribute is used to specify the column span for a table cell?
Answer: b)
colspan - To open a hyperlink in a new browser tab, which
targetattribute value should be used?Answer: d)
_blank - Which HTML tag is used to create a dropdown list in a form?
Answer: c)
<select>
By mastering these elements, you will be well-prepared to create an impressive and functional HTML portfolio for your practical assessment.