Refer to CBSE Class 10 Computer Science Links and CSS in HTML MCQs provided below available for download in Pdf. The MCQ Questions for Class 10 Computers with answers are aligned as per the latest syllabus and exam pattern suggested by CBSE, NCERT and KVS. Links and CSS in HTML Class 10 MCQ are an important part of exams for Class 10 Computers and if practiced properly can help you to improve your understanding and get higher marks. Refer to more Chapter-wise MCQs for CBSE Class 10 Computers and also download more latest study material for all subjects
MCQ for Class 10 Computers Links and CSS in HTML
Class 10 Computers students should refer to the following multiple-choice questions with answers for Links and CSS in HTML in Class 10.
Links and CSS in HTML MCQ Questions Class 10 Computers with Answers
Question. To create a hyperlinked image,
(a) the <IMG> tag should be within <A> tag
(b) the <A> tag should be within <IMG> tag
(c) the <IMG> tag should be before the <A> tag
(d) the <IMG> tag should be after the <A> tag
Answer : A
Question. Which property of CSS is used to set the font type of an HTML element?
(a) font-size
(b) font-style
(c) font-family
(d) float
Answer : C
Question. Which tag tells, where a link starts?
(a) <L>
(b) <START>
(c) <A>
(d) None of these
Answer : C
Question. Is it possible to link within the current page?
(a) No
(b) Only in framesets
(c) Yes
(d) Cannot say
Answer : C
Question. ………… is designed primarily to enable the separation of document content from document presentation.
(a) HTML
(b) CSS
(c) CS
(d) None of these
Answer : B
Question. .....…….... is the default color of a hyperlink.
(a) Red
(b) Blue
(c) Green
(d) Black
Answer : B
Question. Which of the following is used to send E-mails through a website?
(a) tomail
(b) mailto
(c) Both (a) and (b)
(d) None of these
Answer : B
Question. Which command should be used to link a page with HTML page?
(a) <A link = "page.htm"></A>
(b) <A href = "page.htm">page</A>
(c) <A connect = "page.htm"></A>
(d) <A attach = "page.htm"></A>
Answer : B
Question. Which of the following is not the attribute of <A> tag?
(a) name
(b) title
(c) href
(d) src
Answer : D
Question. …… attribute of the <A> tag is used to name a section in a web page to create an internal link.
(a) href
(b) name
(c) align
(d) link
Answer : B
Question. With which code, you can make an image works as hyperlink?
(a) <A href = "URL">Text</A>
(b) <A href="ABC.html"><IMG src = "graphic.gif">Click Here</A>
(c) <A ref=mailto:<IMG src ="graphic.gif">Click Here</A>
(d) None of the above
Answer : B
Question. In which of the following, selector hash (#) character is used?
(a) id
(b) class
(c) Both (a) and (b)
(d) None of these
Answer : A
Question. Choose the correct syntax to create an E-mail link.
(a) <A href = "abc@xyz.com">
(b) <A href = "mailto:abc@xyz.com">
(c) <mail = "abc@xyz.com">
(d) <A mail = "abc@xyz.com">
Answer : B
Question. The tag used in HTML to link a web page with other web page is
(a) <A>
(b) <H>
(c) <U>
(d) <L>
Answer : A
Question. With an ……… you can change the look of the entire website.
(a) external style sheet
(b) internal style sheet
(c) inline style
(d) None of these
Answer : A
Question. For internal linking, section names are provided by ........... attribute of <A> tag.
(a) title
(b) href
(c) name
(d) None of these
Answer : C
Question. Which attribute of <AUDIO> element is used to give the URL of the audio to embed?
(a) controls
(b) type
(c) src
(d) loop
Answer : C
Case Based MCQs :
Rahul is an expert of web page designing. He is mostly used CSS to design web pages, from which he saves his time. His younger brother Sonu does not understand the logic for saving time and space, then Rahul help him to know the importance of CSS.
CSS is designed primarily to enable the separation of document content from document presentation, including aspects such as the layout, colors and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple HTML pages to share formatting by specifying the relevant CSS in a separate .css file, and reduce complexity and repetition in the structural content such as semantically insignificance tables that were widely used to format pages before consistent CSS rendering was available in all major browsers.
Question. A CSS declaration always ends with a
(a) dot
(b) colon
(c) semicolon
(d) hash
Answer : C
Question. The full form of CSS is
(a) Cascading Style Sheet
(b) Cascading Sheet Style
(c) Cascade Style Sheet
(d) Cascadation Style Sheet
Answer : A
Question. CSS rule set consists of
(a) selector
(b) declaration
(c) Both (a) and (b)
(d) None of these
Answer : C
Question. Which of the following is/are property value of CSS?
(a) Color
(b) Margin
(c) Height
(d) All of these
Answer : D
Question. ....... points to the HTML element that you want to style.
(a) Selector
(b) Declaration
(c) ID
(d) None of these
Answer : A
Karan created a web page in which he wants to add audio clip to make web page more interesting. For this, he asked his teacher for help. The HTML <AUDIO> element is used to embed sound content in documents. It may contain one or more audio sources, represented using the src attribute. The <AUDIO> element defines an in-browser audio player. The audio player can provide a single piece of audio content. The browser will select the first file format that it is able to play. If you are not going to provide multiple source file formats, you may indicate the source file in the src attribute, instead of in a separate <SOURCE> element.
Question. Which of the following options is/are attribute(s) of <AUDIO> tag?
(a) autoplay
(b) src
(c) type
(d) All of these
Answer : D
Question. This attribute specifies the location of the audio file.
(a) loop
(b) src
(c) type
(d) controls
Answer : B
Question. <AUDIO> tag is used in
(a) <HTML> tag
(b) <BODY> tag
(c) <HEAD> tag
(d) <TITLE> tag
Answer : B
Question. Most commonly used audio format(s) is/are
(a) ogg
(b) m p3
(c) wav
(d) All of these
Answer : D
Question. What is /are the attribute(s) of <SOURCE> tag?
(a) src
(b) type
(c) Both (a) and (b)
(d) height
Answer : C
Short Answer Type Questions :
Question. Gaurav, a web designer in a company named “International Designers” has just created a web page in which different sections of the web page are linked and can be traversed by clicking on the text given as “Top”, “Middle” and “Bottom”. Is the internal linking or external linking and why?
Additionally tell him about the suitable tag and its attribute(s) to open another web page named ‘second.html’ by clicking on the text “Next”.
Answer : It is internal linking because links pages are within a single website, various sections of same document or different documents.
To open another web page, user will be need to use external linking with <A> tag and href attribute.
Suitable code to open web page named ‘Second.html’ <A href=“second.html ”> Next </A>
Question. Explain class selector in CSS.
Answer : The class selector selects elements with a specific class attribute. To select elements with a specific class, write a period (×) character, all HTML elements with class = “center” will be red and center aligned.
Question. Write an simple HTML code to show an example of internal linking.
Answer : <HTML>
<HEAD><TITLE>Internal Linking</TITLE>
</HEAD>
<BODY>
<H1> It is <A name ="top">top</A>
of the page </H1>
<BR><BR><BR><BR><BR><BR><BR><BR
><BR>
<BR>
<BR><BR><BR><BR><BR><BR><BR><BR
><BR>
<BR>
<BR><BR><BR><BR>
<H1><A href ="#top">Top</A></H1>
</BODY>
</HTML>
Question. How is external linking different from internal linking?
Answer : External link is a type of linking that goes to another website. It is a linking of two different documents. While, internal linking is a type of linking that links pages within a single website, various sections of same document or different documents.
Question. Write the HTML code to create a link for school.jpg located at C:\.
Answer : <HTML>
<BODY>
<A href = "C:\school.jpg">Image</A>
</BODY>
</HTML>
Question. Write the HTML code to send an E-mail to abc@xyz.com from your web page.
Answer : <HTML>
<BODY>
<Ahref="mailto:abc@xyz.com">abc@xyz.com</A>
</BODY>
</HTML>
Question. What is the purpose of mailto function?
Answer : The mailto function is used to send E-mail messages to multiple recipients. For this, we only need to type the E-mail address of the recipients in the same link separated by commas.
Question. Write about the following attribute of <AUDIO> tag.
(i) autobuffer
(ii) loop
(iii) type
Answer : (i) autobuffer This boolean attribute if specified, the audio will automatically begin buffering even if it is not set to automatically play.
(ii) loop This boolean attribute if specified, will allow audio automatically see back to the start after reaching at the end.
(iii) type This attribute specifies the audio file standard type.
Question. Explain the need of linking between web pages.
Answer : Linking between different web pages is required, as when we create websites, different html files (web pages) are created. These files contain different modules and cannot be open individually. If we link between them, the website becomes more productive and informative.
Question. Write a code to display the text ‘‘Contact Us’’ should be linked with admin@taj.com E-mail id.
Answer : <HTML>
<BODY>
<A href = "mailto:admin@taj.com"> Contact Us </A>
</BODY>
<HTML>
Question. Explain the given command <A href ="wild.html">Click Here for wild animals </A>
Answer : In this command, anchor <A> tag and its href attribute is included. The text (Click Here for wild animals) will appear underlined and indicates that clicking the text activates the hypertext link. The address of the referenced document can be specified by an absolute or a relative URL.
Thus, ‘‘wild.html’’ is an URL or web page address and Click Here for wild animals is the hyperlinked text.
Question. Explain id selector in CSS.
Answer : id selector is used to apply the style to an element based on the id of an element.
e.g.
#elementid
{
color : #FFFFFF;
}
In the above code, all the elements having id.
‘‘elementid’’ will have the color white.
Question. Write an HTML code to show the use of mailto function.
Answer : <HTML>
<HEAD>
<TITLE> Use of mailto </TITLE>
</HEAD>
<BODY>Send your views to
<A href= "mailto:aaa_rr@gmail.com">
aaa_rr@gmail.com</A>
</BODY>
</HTML>
Question. Write a code to link www.google.com page with text Click Here and also show that title as “It is a hyperlink”.
Answer : <HTML>
<BODY>
<A href = "http ://www.google.com"
title = "It is a hyperlink"> Click Here </A>
</BODY>
</HTML>
Question. Name the attributes of <A> tag which are used for internal linking in a web page.
Answer : The attributes of <A> tag which are used for internal linking in a web page as follows
(i) href is used to specify the URL of the segment the link goes to.
(ii) name gives the name to the segment.
Question. Differentiate between internal CSS and external CSS.
Answer : Internal CSS are the ones that we can write within the same file, i.e. the HTML code and CSS code are placed in the same file.
While external CSS are that we can write in a separate file than the html code, i.e. the HTML file is separate and CSS file is separate.
Question. Explain the cascading style sheet.
Answer : Cascading Style Sheet referred to as CSS, is a simple design language intended to simplify the process of making web pages presentable. CSS handles the look and feel part of a web page using CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs, layout designs etc. CSS is easy to learn and understand but it provides powerful control over the presentation of an HTML document. Most commonly, CSS is combined with the markup languages HTML or XHTML.
Question. Define margin property of CSS.
Answer : The CSS margin properties are used to create space around elements, outside of any defined borders. CSS has properties for specifying the margin for each side of an element; margin-top, margin-right, margin-bottom, margin-left.
Long Answer Type Questions :
Question. Write an HTML code to display the following output.
Q.21 p.70
Consider the following points while writing the code
(i) Title of the page is “The Computer World”.
(ii) Background color of the page is “Yellow”.
(iii) Active link color is Green and Visiting link color is Red.
(iv) All font face in the page is Verdana but heading is in Arial and Black.
(v) Image is from the file “computer.jpg”.
(vi) Use horizontal rule wherever required.
(vii) Use ordered and unordered lists wherever required.
(viii) The pages are linked as follows
Super Computers Super.html
Mainframe Computers Main.html
Mini Computers Mini.html
Micro Computers Micro.html
Desktops Desk.html
Laptops Laptop.html
PDAs PDA.html
Note You can use any other attributes that are not mentioned above to produce a similar output.
Answer : The HTML code is
<HTML>
<HEAD>
<TITLE>The Computer World</TITLE>
</HEAD>
<BODY bgcolor="yellow" alink="green"
vlink="red">
<FONT face="arial"color="black">
<H1>
<CENTER>The Computer World</CENTER>
</H1>
</FONT>
<BASEFONT face="verdana">
<P align="center"><B>
Types of Computer
</B></P>
<IMG src="computer.jpg">
<HR>
<OL type="1">
<LI><A href="Super.html">
Super Computers </A></LI>
<LI><A href="Main.html">
Mainframe Computers</A></LI>
<LI><A href="Mini.html">
Mini Computers</A></LI>
<LI><A href="Micro.html">
Micro Computers</A></LI>
<UL>
<LI><A href="Desk.html">Desktops
</A></LI>
<LI><A href="Laptop.html">Laptops
</A></LI>
<LI><A href="PDA.html">PDAs
</A></LI>
</UL> </OL> <HR>
<FONT size="4">
For further information visit
<A href="www.computerpeople.com">
www.computerpeople.com</A>
</FONT>
</BODY>
</HTML>
Question. Observe following output and write HTML code to generate it.
Q.24 p.73
Consider the following points while generating the web page
(i) The title of the page is "FOOTBALL CLUB"
(ii) The heading is blue color
(iii) Font of entire document is arial
(iv) Image used is "football.jpeg"
(v) The page is linked to:
Proud history to "history.html"
(vi) Bottom message is of size 2.
Answer : The code is
<HTML>
<HEAD><TITLE>FOOTBALL
CLUB</TITLE></HEAD>
<BODY>
<FONT face="arial" size="3">
<H1 align="center"><FONT color="blue">FOOTBALL
CLUB</FONT></H1>
<CENTER><IMG src="football.jpg" height="150"
width="150"></CENTER>
<H3>Welcome to the website of the Manchester Football
Club</H3>
<P>The Manchester Football Club is based in United States of America and has a long <BR>
and <A href="history.html">proud history</A>. We have several teams in various age groups from kids to grown-<BR>ups so there is a team to suit any player.
<BR><BR>
<U>This year’s motto:</U><BR>
We are the BEST:<BR>
<HR size="3" noshade size ="75%">
<FONT size="2"><B>If you have any questions about us, send us a mail at manr@football.us</B></FONT><BR>
<H5 align="right">
<IMG src="copy.jpg" height="20" width="30">Manchester
Football Club. Last updated
30<SUP>th</SUP>July 2017</H5>
</FONT>
</BODY>
</HTML>
Question. Write the code using CSS to display following output.
Q.20 p.70
Answer : <HTML>
<HEAD>
<STYLE type = "text/css">
#para1
{
font-size: 10pt;
text-align: center;
color: blue;
}
</STYLE>
</HEAD>
<BODY>
<H2 id = "para1">Reaction of
Magnesium with Hydrochloric Acid</H2>
<B> The equation for the reaction
is:</B><BR>
Magnesium+Hydrochloric Acid =
Magnesium Chloride + Hydrogen <BR>
Mg(s)+2HCL(aq>=Mgcl<SUB>2</SUB>
(ag)+H<SUB>2</SUB>(g)
</BODY>
</HTML>
Question. Write the HTML code to display the following output.
Q.27 p.74
Note The following points while generating the web page:
(i) Title of the page should be “Dubai Tourism”.
(ii) The heading text “WELCOME TO DUBAI” is in arial font and is of maroon color.
(iii) The horizontal lines below the heading are 5 pixels thick and of red color.
(iv) Image used in the page is burj.jpg.
(v) The bulleted list contains links as specified below
• The text Morning is a link to the web page “morning.html”
• The text Evening is a link to the web page “evening.html”
Answer : The HTML code is
<HTML>
<HEAD>
<TITLE>Dubai Tourism</TITLE>
</HEAD>
<BODY>
<CENTER>
<H1>
<FONT face="arial" color="maroon">
WELCOME TO DUBAI</FONT>
</H1>
</CENTER>
<HR width=80% size="5" color="red"
noshade>
<HR width=60% size="5" color="red"
noshade>
<P>
<FONT size="5">
Enjoy the world of pure travel masti
</FONT>
<IMG src="burj.jpg" align="bottom"
width="110">
</P>
The following is alist of major tourist
attractions in Dubai:<BR><BR>
<UL type="disc">
<LI>
<A href="morning.html">
Morning</A>
- Dolphinarium and Palm Dubai
</LI>
<LI>
<A href="evening.html">
Evening</A>
- Ski Dubai and Cruise
</LI>
</UL>
<CENTER>
For enquires write at dubai@gmail.com
</CENTER>
</BODY>
</HTML>
Question. Write an HTML code to display the following output.
Q.22 p.71
Consider the following points while writing the code
(i) Title of the page is “Save the Earth!!”.
(ii) The background color of the page is Silver.
(iii) The font used for heading is “Arial”, size is 6 and color is Black.
(iv) The sub heading is in “Verdana” font, font size is 4 and color is Brown.
(v) Rest of the text is in “Verdana” font, font size 4 and black color.
(vi) Image used is from file “Main.jpg”.
(vii) The links are provided in an unordered list with ordered list used in between.
(viii) The pages are linked as follows
Home Home.html
Faqs Faq.html
Pollution Poll.html
Deforestation Defores.html
Poaching Poach.html
Forests Forest.html
Endangered Species Specie.html
(ix) The categories ‘Controlling’ and ‘Saving’ in the unordered list are not linked to any page.
(x) The width and height of horizontal line is 820 and 80, respectively.
Note You can use any other attributes that are not mentioned above to produce a similar output.
Answer : The HTML code is
<HTML>
<HEAD><TITLE> Save the Earth </TITLE>
</HEAD>
<BODY bgcolor ="silver">
<H1>
<FONT face="arial" color="black"
size="6">
<CENTER>Save the Earth!! </CENTER>
</FONT>
</H1>
<FONT face="verdana" color="brown"
size="4">
<P align="center">NGo Group dedicated
to Saving the Earth’s Natural
Environment</P>
</FONT>
<FONT face ="verdana" color="black"
size="4">
<CENTER>
<IMG src ="Main.jpg">
</CENTER>
<UL type = "disc">
<LI>
<A href="Home.html">Home</A>
</LI>
<LI>
<A href="Faq.html">Faqs</A>
</LI>
<LI>
<B> Controlling </B>
</LI>
<OL type="1">
<LI>
<A href="Poll.html">
Pollution</A>
</LI>
<LI>
<A href="Defores.html">
Deforestation</A>
</LI>
<LI>
<A href="Poach.html">
Poaching</A>
</LI>
</OL>
<LI>
<B> Saving </B>
</LI>
<OL type="1">
<LI>
<A href="Forest.html">
Forests</A>
</LI>
<LI>
<A href="Specie.html">
Endangered Species</A>
</LI>
</OL>
</UL>
</FONT>
<HR noshade width="820"
height="80" size="2">
<B><FONT size="4">Do visit:
www.saveearth.com</FONT></B>
</BODY>
</HTML>
Question. Observe the following web page and write HTML code to generate it.
Q.26 p.74
Note The following points while generating the web page:
(i) Background color of page is yellow.
(ii) Link color is black and visited link color is green.
(iii) Font style for the page is arial.
(iv) Heading of the page is maroon.
(v) Image used is gov.jpeg.
(vi) Text color of the paragraph is red.
(vii) Link for 'National e-Governance Plan' is nation.html.
(viii) E-mail id for bottom message is abc@xyz.com.
Answer : The HTML code is
<HTML>
<BODY bgcolor="yellow" link ="black"
vlink="green">
<BASEFONT face = "arial">
<CENTER>
<FONT color="maroon"><H1>
National e-Governance Plan</H1>
</FONT></CENTER><HR>
<P> <FONT color="red">
<IMG src="gov.jpeg" alt="gov" align="right">
The National e-Governance Plan of Indian Government seeks to lay the foundation and provide the impetus for long-term growth of e-Governance within the country. The plan seeks to create the right governance and institutional mechanisms, set up the core infrastructure and policies and implementation of a number of Mission Mode Projects at the center, state and integrated service levels to create a citizen-centric and business-centric environment for governance.
</FONT></P>
<BR>
<B>Visit<A href ="nation.html">
National e-Governance Plan</A> to know more about:<BR>
<OL type ="1">
<LI>Central MMP’s</LI>
<LI>Implementation</LI>
<LI>Components</LI>
</OL></B><HR>
<CENTER>For enquires
<A href="mailto:abc@xyz.com">Mail to us
</A>
</CENTER>
</BODY>
</HTML>
Question. What is the use of external style sheet? Explain its advantages and disadvantages.
Answer : With an external style sheet, you can change the look of the entire website by changing just one file. Each page must include a reference to the external style sheet, file inside the <LINK> element.
The <LINK> element goes inside the <HEAD> section. An external style sheet can be written in any text editor. The style sheet file must be saved with a .css extension.
The advantages of external style sheet are as follows
(i) With the help of external style sheets, the styles of numerous documents can be organised from one single file.
(ii) In external style sheets, classes can be made for use on numerous HTML element types in many forms of the site.
(iii) In complex contexts, methods like selector and grouping can be implemented to apply styles. The disadvantages of external style sheet are as follows
(i) An extra download is essential to import style information for each file.
(ii) The execution of the file may be delayed till the external style sheet is loaded.
(iii) While implementing style sheets, we need to test web pages with multiple browsers in order to check compatibility issues.
Question. Sushila, a web designer working with Global Designers, is supposed to design a web page shown below
Q.23 p.72
Write the HTML code to design the above shown web page considering the specifications as given below
(i) Background color of the page should be pink and all the hyperlinked text should be green in color.
(ii) Image named “taj.jpg” should be placed in the centre of the web page.
(iii) Heading “The Taj Mahal” should be first level of the heading and underlined.
(iv) Paragraph should have following formatting styles applicable
Color-Blue
Size-5
Font style-Times New Roman
(v) At the bottom of the page, “Contact Us” text should be linked with admin@taj.com E-mail id.
Answer : <HTML>
<HEAD>
<TITLE>Taj Mahal</TITLE>
</HEAD>
<BODY bgcolor="pink">
<CENTER>
<IMG src="taj.jpeg" height="100"
width="150">
<H1><U>The Taj Mahal</U></H1>
</CENTER>
<P><FONT color="blue"size="5" face="Times
New Roman">
The Taj Mahal is a world famous white marble<BR>
monument located on the Yamuna river bank in
<BR>
the Indian historical city of Agra.
</FONT>
</P>
<FONT color = "green">
<A href = "mailto:admin@taj.com">
Contact Us</A>
</FONT>
</BODY>
</HTML>
Question. Carefully study the web page given below. Identify 10 tags (structural as well as formatting tags) that have been utilised in creating this web page and write the usage of each of them.
Q.25 p.73
Answer : Following tags are used
(i) <HTML> Container of all the HTML elements. Tells the browser that it is dealing with an HTML document.
(ii) <BODY> It defines the document’s body. It contains all the necessary contents of HTML document that is to be displayed on web browser.
(iii) <H1> Top level of heading.
(iv) <CENTER> Used to centralise a segment of text to be displayed.
(v) <P> It is used to define the paragraph.
(vi) <OL> To insert an ordered list in the web page.
(vii) <LI> It is used to indicate a list item as contained in an ordered.
(viii) <BR> Break line tag is used to move all the text/image that follows the tag to the next line.
(ix) <IMG> This tag is used to insert the desired image into the web page.
(x) <A> Anchor tag is used to create the hyperlink.
Attempt Mock Tests on this topic
MCQs for Links and CSS in HTML Computers Class 10
Expert teachers of studiestoday have referred to NCERT book for Class 10 Computers to develop the Computers Class 10 MCQs. If you download MCQs with answers for the above chapter you will get higher and better marks in Class 10 test and exams in the current year as you will be able to have stronger understanding of all concepts. Daily Multiple Choice Questions practice of Computers will help students to have stronger understanding of all concepts and also make them expert on all critical topics. After solving the questions given in the MCQs which have been developed as per latest books also refer to the NCERT solutions for Class 10 Computers. We have also provided lot of MCQ questions for Class 10 Computers so that you can solve questions relating to all topics given in each chapter. After solving these you should also refer to Class 10 Computers MCQ Test for the same chapter.
You can download the CBSE MCQs for Class 10 Computers Links and CSS in HTML for latest session from StudiesToday.com
Yes, the MCQs issued by CBSE for Class 10 Computers Links and CSS in HTML have been made available here for latest academic session
You can find CBSE Class 10 Computers Links and CSS in HTML MCQs on educational websites like studiestoday.com, online tutoring platforms, and in sample question papers provided on this website.
To prepare for Links and CSS in HTML MCQs, refer to the concepts links provided by our teachers and download sample papers for free.
Yes, there are many online resources that we have provided on studiestoday.com available such as practice worksheets, question papers, and online tests for learning MCQs for Class 10 Computers Links and CSS in HTML