SQP Computer
SQP Computer
APPLICATIONS
Introduction to HTML
U <b>: Displays text in bold for emphasis. HTML supports two types of elements
<i>: Displays text in italics for emphasis. Formatting Container Element: Consists of start
U
Elements HTML U
U <u>: Underlined text to draw attention. and end tags enclosing content.
Elements
U Empty Elements: Lack an end tag, like
U <p>: Defines paragraphs, a block-level <br> for line breaks.
element and always starts with a new line.
U Adds space before and after text. HTML HTML: Hypertext Markup Language, the
U You can use <br> within <p> to insert line Paragraphs standard language for creating webpages.
breaks. Introduction
U Purpose: Defines the structure and
to HTML
U <h1> to <h6>: Define headings from most content of webpages.
important (h1) to least important (h6). HTML U Hyperlinks: Links connecting webpages
U Text is displayed in bold, and the size Headings or other external files.
decreases from h1 to h6.
U Browser Role: Browsers interpret HTML
Line to display content in the correct format.
U <br>: Inserts a line break within text.
Breaks Introduction to U Case Sensitivity: HTML tags are not case
U <!-- Comment Text -->: Used for HTML sensitive, but lowercase is recommended
documentation or to hide content. HTML for consistency.
U Comments are not displayed in the
Comments
browser. Basic <!DOCTYPE html>
U <hr>: Adds a horizontal line to visually HTML <head>
separate content. Structure <title>Title of the Webpage</title>
U Example : Applying HR Attributes Horizontal
Rule </head>
U <hr style=‟height:4px; width: 50%; text-
align: right; margin-left:0; background- <body>
color:red;”>
HTML <h1>First Heading</h1>
Tags <p>This is a paragraph.</p>
U <html>: The root element, a container for HTML
other elements. Versions </body>
U <head>: Holds metadata about the HTML </html>
document.
U <title>: Specifies the title displayed in the HTML 1.0 (1993)
browser’s title bar. U First version of HTML.
U <body>: Contains the visible webpage content. U Introduced basic elements like headings, paragraphs, lists, and links.
HTML 2.0 (1995)
1. Open a text editor. U Added support for tables and forms.
Creating and
2. Write HTML code. Accessing HTML 3.2 (1997)
3. Save with a .html or .htm extension. HTML U Introduced new features like image maps, applets, and text formatting.
4. Open in a web browser. Documents U Improved support for tables and forms.
HTML 4.01 (1999)
U Text Editor: Software like Notepad, U Enhanced support for styles and scripting (CSS and JavaScript).
TextEdit, Notepad++, or Visual Studio Tools for U Introduced the <div> and <span> elements for layout and styling.
Code to create HTML files. HTML HTML 5 (2014)
U Web Browser: Used to view and test U Introduced new structural elements like < header>, <nav>, <section>,
HTML pages (e.g., Chrome, Edge, Safari). and <article>.
U Supported multimedia with <audio> and < video> elements.
Roll No. Q.P. Code 01
Candidates must write the Q.P. Code
on the title page of the answer book.
NOTE:
(i) Q.P. Code given on the right hand side of the question paper should be written on the title page of the answer-book by the
candidate.
(ii) Please check that this question paper contains 26 questions.
(iii) Please write down the Serial Number of the question in the answer-book before attempting it.
(iv) 15 minutes of time has been allotted to read this question paper. The students will read the question paper only and will
not write any answer on the answer-book during this period.
GENERAL INSTRUCTIONS:
Read the following instructions carefully and strictly follow them:
1. This Question Paper has 5 Sections A-E.
2. All questions are compulsory. However, an internal choice of approximately 30% is provided.
4. Section B has 7 Very Short Answer (VSA) type questions carrying 2 marks each.
5. Section C consists of 4 Short Answer (SA) type questions carrying 3 marks each.
SECTION – B
(2 marks each)
13. What is the horizontal rule in HTML? How can anyone insert a horizontal line in a webpage? 2
14. What is the difference between a newsgroup and a blog? 2
15. What is an <image> tag in HTML? Explain with syntax.
OR
What is a title tag in HTML? Where should you put the title tag in an HTML document? 2
36 COMPUTER APPLICATIONS
16. What do you mean by netiquette? Write one netiquette for using social media platforms. 2
17. What is e-commerce? Write the names of the types of e-commerce. 2
18. Write any two advantages of e-learning.
OR
Write any two privacy concerns in e-commerce. 2
19. What is the difference between superscript and subscript tags? Explain with syntax. 2
SECTION – C
(3 marks each)
20. Which software will be called open-source software? Mention any two popular open-source software. 3
21. Explain the following:
(a) Inline CSS (b) External CSS (c) Internal CSS 3
OR
What is the use of comments in an HTML document? Explain how comments are added. 3
22. What is e-mail? Write two advantages of using it. 3
23. What is the difference between FTP and SFTP? Which one is preferable for data sharing? 3
SECTION – D
(4 marks each)
24. Write the code to design the given webpage as given below by considering the specification.
COMPUTERS
Types of Computers
We can categorize computers in two ways: on the basis of data handling capabilities and size.
1. On the basis of data handling
○ Analogue Computer
○ Digital Computer
○ Hybrid Computer
2. On the basis of size
Super Computer
Mainframe Computer
Mini Computer
Workstation Computer
Micro Computer
India is spread over a large geographical area. In terms of area, it is the 7th largest country while in
terms of population, it is the 2nd largest country in the world. Some facts about India are as follows
• Area: Approx 3.28 million sq. km
• North to South extension : Approx 3,200 km
• East to West extension: Approx 2900 km
Specification 1: The background color of the page should be yellow.
Specification 2: Heading ‛Our Country: India’ should be the first level of the heading
Specification 3: The image named ‛India.jpg’ should be placed at the center.
Specification 4: Formatting style for the paragraph:
• Font Size: 5
• Font Name: Times New Roman
• Color: Red
Specification 5: Superscript and subscript tags should be used wherever required.
Specifications 6: Facts (as shown in the above web page) should be written with the help of the unordered list.
4
SECTION – E
(5 Marks Each)
Case-Study
25. You’re designing a website’s menu bar. It should have a blue background and white text. Each menu item should look like
it has a line under it, and there should be some space between each menu item. The text should be slanted (italic), and a bit
bigger than usual. The menu should be in the center of the page.
1. Which of the following attributes is used to add the background color to the webpage? 1
(a) Color (b) Bgcolor (c) Text-color (d) None of these
2. Which of the following tags can be used to format the menu text slanted in the webpage? 1
(a) <border> (b) <italic> (c) <i> (d) Both (b) and (c)
38 COMPUTER APPLICATIONS
3. Which tag should be applied to make each menu item appear to have a line under it? 1
(a) <ul> (b) Margin (c) <u> (d) Underline
4. What should be the alignment of the menu bar within the webpage? 1
(a) Left-aligned (b) Center-aligned (c) Right-aligned (d) Justified
5. What CSS property is used to increase the font size of the menu text? 1
(a) font-weight (b) font-size (c) font-style (d) text-size
26. Rohan is a small business owner who wants to expand his local bakery’s online presence. He’s heard about the Internet and the
World Wide Web but is not sure how they can benefit his business. Rohan has been relying primarily on traditional advertising
methods and word-of-mouth referrals to attract customers. He’s also heard about various online tools and platforms but is
uncertain about which ones would be most suitable for his bakery.
6. What is the primary reason for Rohan’s interest in expanding his bakery’s online presence? 1
(a) To reduce the cost of traditional advertising (b) To attract more customers and grow his business
(c) To improve the quality of his bakery products (d) To compete with other local businesses
7. Which technology did Rohan hear about but is uncertain about its potential benefits for his bakery? 1
(a) Television advertising (b) Social media
(c) Internet and World Wide Web (d) Local community events
8. What is the primary method Rohan has been using to attract customers before considering an online presence for his
bakery? 1
(a) Online advertising (b) Traditional advertising methods
(c) Social media marketing (d) Email marketing
9. Which concept is the World Wide Web (WWW) built upon? 1
(a) Hypertext (b) Television broadcasting
(c) Postal services (d) Telephone communication
10. In the context of the case, what would be the most suitable objective for Rohan’s Bakery when expanding its online presence?1
(a) Reducing the variety of bakery product (b) Expanding to a global market
(c) Strengthening word-of-mouth referrals (d) Attracting more local and nearby customers