DELHI PUBLIC SCHOOL
Class-10
HTML/CSS work sheet
A. Check the Right Answer (1*60)
1. The ........................................ contain elements which define how the information on a web page is formatted or
displayed.
a. Editors b. Tags c. Attributes d. None of these
Ans: Tags
2. The ........................................................................... tag contains the content of your document which gets displayed
on the web page of your browser window.
a. <HEAD> b. <BODY> c. <HTML> d. None of these
Ans: <BODY>
3. The ALIGN attribute of tag cannot take ........................................................................... value.
a. Right b. Left c. Justify d. None of these
Ans: None of these
4. Which of the following tags helps in retaining the spacing of text or displaying the preformatted spaces on a
webpage in an HTML document?
a. < SPACE> b. < PRE> c. < SPC> d. None of these
Ans: < PRE>
5. Which tag adds a line horizontally on your web page?
a. <HR> b. <LINE> c. <LINE Direction="horizontal"> d. <TR>
Ans: <HR>
6. Choose the correct HTML tag to make the text italic.
a. <ii> b. <Italics> c. <Italic> d. <I>
Ans: <I>
7. An HTML ........................................................................... consists of an ON tag, the content, and an OFF tag.
a. Element b. Tag c. Attribute d. None of these
Ans: Element
8. Which character is used with the OFF tag?
a. end b. / c. \ d. <
Ans: /
9. The default colour of LINK attribute is ..................................................................... .
a. Red b. Black c. Green d. Blue
Ans: Blue
10. The entity which displays an '&' sign on the browser is ........................................................................... .
a. & b. <&> c. & d. None of these
Ans: &
11. Which entity displays the ">" (greater than) sign on the browser?
a. <& GT> b. > c. & GRT d. None of these
Ans: >
12. The HTML tag for the largest heading is ........................................................................... .
a. <H1> b. <H6> c. <HEAD> d. None of these
Ans: <H1>
13. Which tag is used to define the basic font size for the whole document?
a. <BASEFONT> b. <COLOR> c. <FONT> d. <SIZE>
Ans: <BASEFONT>
14. The default value of Type attribute for an unordered list is ........................................................................... .
a. Disc b. Square c. Circle d. None of these
Ans: Disc
15. Which of the following tags is suitable for creating a numbered list?
a. <BL> b. <OL> c. <UL> d. None of these
Ans: <OL>
16. To display (X+Y)2, the correct HTML code is:
a. (X+Y)2 b. X+Y 2 c. (X+Y) 2 d. (X+Y) 2
Ans: (X+Y) 2
17. Anything written between ........................................................................... is taken as a comment.
a. <?--> b. <?- --?> c. < !--and--> d. </--->
Ans: < !--and-->
18. To start a list with alphabet 'E', which line should be used?
a. <OL type="A"> b. <OL type="A" start= "5" > c. <OL type="E" > d. <OL start="E" >
Ans: <OL type="A" start= "5" >
19. Which of the following is a text editor?
a. Notepad b. Wordpad c. Both a and b d. None of these
Ans: Both a and b
20. Which tag is used to insert an image in a web page?
a. < SRC> b. < IM> c. < IMG> d. None of these
Ans: < IMG>
21. Which attribute of the tag allows you to display a text instead of an image?
a. Alt b. Image c. Alternate d. Border
Ans: Alt
22. You can use the .............................. attribute to control the horizontal space around an image.
a. Hspace b. Rspace c. Lspace d. None of these
Ans: Hspace
23. We can present data in a row and column format by using the .............................. tag.
a. <TR><TC> b. <TABLE> c. <ROW><COL> d. None of these
Ans: <TABLE>
24. The column heading is specified by using the ...................................................... tag.
a. <CH> b. <TR> c. <TH> d. <TD>
Ans: <TH>
25. tag is used to create a ...................................................... in a table.
a. Row b. Column c. Caption d. All of these
Ans: Row
26. ..................................................... tag defines the cells or columns of a table which denotes table data.
a. <TR> b. <TD> c. <TH> d. None of these
Ans: <TD>
27. Which attribute is used to set the amount of space between the cell border and the cell data?
a. Spacing b. Cellpadding c. Cellspacing d. Align
Ans: Cellpadding
28. The default alignment of the contents of table cells is ...................................................... .
a. Center b. Right c. Top d. Left
Ans: Left
29. Which is the correct code to merge four columns in a table?
a. <TD COLSPAN = 4> b. <TD COLUMN SPAN= 4> c. <COLSPAN = 4> d. <TD SPAN = 4>
Ans: <TD COLSPAN = 4>
30. Which of the following is not the attribute of tag?
a. NAME b. TITLE c. HREF d. SRC
Ans: SRC
31. Combining two or more cells either column-wise or row-wise in a table is called........................................... .
a. Merging b. Spanning c. Combining d. None of these
Ans: Spanning
32. The two common attributes of the and the tags are ......................................... .
a. SRC and HEIGHT b. HEIGHT and WIDTH c. BORDER and SRC d. They do not have any
common attributes
Ans: They do not have any common attributes
33. Why is it important to specify width and height attribute in tag?
a. To ensure that the image is not copied. b. The image will not render without these. c. To stop the image
from loading. d. Helps the browser to load the web page faster.
Ans: Helps the browser to load the web page faster.
34. Which command should we use to link a page with an HTML page?
a. b. page c. <A Connect = "[Link]"></a> d.
Ans: page
35. Which attribute(s) is/are used to merge rows?
a. Rowspan b. Colspan c. Both a and b d. None of these
Ans: Rowspan
36. What is the correct syntax in HTML for creating a link to an e-mail address?
a. <A Href = "[Link]"> b. <A e-mail :to@address> c. <A Href="[Link] d. None of
these
Ans: <A Href="[Link]
37. Which element sets up an area of the web page for a form?
a. Input element b. Form element c. Checkbox element d. None of these
Ans: Form element
38. Which form elements can accept input from the user?
a. Input b. GET c. POST d. None of these
Ans: Input
39. Which of the following code adds a text box on a form?
a. <INPUT Type = " Text"> b. <INPUT Type= " Textbox"> c. <INPUT Type = " Box"> d. None of
these
Ans: <INPUT Type = " Text">
40. Which of the following buttons is used to clear the contents and set the values of all the form elements to their
initial state?
a. SUBMIT b. SEND c. RESET d. None of these
Ans: RESET
41. Which tag is used to define a selection list in a form?
a. < OPTION> b. < SELECT> c. <NAME> d. < SELECTION>
Ans: < SELECT>
42. CG! stands for ............................................................................................. .
a. Computer Graphics Interface b. Common Gateway Interface c. Collective Gateway Interchange d.
Common Graphics Interface
Ans: Common Gateway Interface
43. Which of the following are the attributes of tag?
a. Value and Size b. Name and Length c. Type and Text d. None of these
Ans: Value and Size
44. Which attribute of the tag specifies that the input element should be preselected when the web page loads?
a. Selected b. Checked c. Default d. None of these
Ans: Checked
45. T he ........................... attribute of tag specifies the maximum number of characters for the input field.
a. Size b. Length c. Maxsize d. Maxlength
Ans: Maxlength
46. Which attribute of the < TEXTAREA> tag defines the width of the textarea?
a. Rows b. Width c. Cols d. None of these
Ans: Cols
47. Which of the following web pages are loaded on the client's browser exactly in the same way as they are stored
on the web server?
a. Dynamic b. Static c. HTML d. None of these
Ans: Static
48. Which of the following programming language is used to create dynamic web pages?
a. C b. Visual Basic c. ASP d. None of these
Ans: ASP
49. The full form of DHTML is .............................................................................. .
a. Dynamic Hypertext Markup Language b. Definite Hypertext Markup Language c. Designing Hypertext
Markup Language d. None of these
Ans: Dynamic Hypertext Markup Language
50. The full form ofCSS is .............................................................................. .
a. Cascading Spread Sheet b. Control Spread Sheet c. Cascading Style Sheet d. None of these
Ans: Cascading Style Sheet
51. A .............................................................................. is the name of the HTML element to which a style is applied.
a. Tag b. Element c. Selector d. None of these
Ans: Selector
52. Name the selector that works like a wild card character and is used to match and apply a style to all the elements
on a web page.
a. Wild card b. Universal c. Static d. None of these
Ans: Universal
53. Which one of the following is a correct statement?
a. hl {font-weight:bold; font-family:Arial;color:red} b. hl {font weight; bold; font family: Arial; color: red} c. hl
{font-weight;bold; font-family;Arial;color;red d. None of these
Ans: hl {font-weight:bold; font-family:Arial;color:red}
54. Which tag is used to create an embedded or internal style sheet?
a. Color> b. <Style c. <Type> d. <PRE>
Ans: <Style
55. Which of the following characters are used to add comments in CSS?
a. # b. <!-- c. // d. None of these
Ans: None of these
56. Which property is generally applied to blocks of text ( hl, p, th, td, etc.) and is used to align the text of a document.
a. Text-align: value b. Letter-align: value c. Background-align: value d. None of these
Ans: Text-align: value
57. Which one of the following is not a DHTML component?
a. HTML b. Cascading Style Sheets (CSS) c. C++ d. None of these
Ans: C++
58. Which one of the following is the default value of border style?
a. 1 b. 2 c. none d. None of these
Ans: none
59. Select the correct statement from the options given below.
a. Body background-color:#F5A9A9; color ; Black b. Body[background-color:#F5A9A9; color : Black] c.
Body(background-color:#F5A9A9; color : Black) d. None of these
Ans: None of these
60. Which property is used to set the size of a font?
a. Font-size b. Font-style c. Font d. None of these
Ans: Font-size
B. Answer The Following (1*40)
1. Explain the tags and .
Ans: A. THE <HEAD> TAG DEFINES THE HTML DOCUMENT HEADER. IT IS WRITTEN JUST BELOW THE
<HTML> TAG AND CONTAINSNTHE DOCUMENT TITLE, CHARACTER SET, STYLES, LINKS, AND
SCRIPTS. IT ALSO INCLUDES INFORMATION THAT IS IMPORTANTNABOUT THE WEB PAGE, BUT YOU
CANNOT SEE IT IN THE BROWSER [Link]:N<HTML>N<HEAD>NHEADER INFORMATION
COMES HEREN</HEAD>N</HTML>>NB. THE <TITLE> TAG IS USED INSIDE THE <HEAD> TAG. IT
CONTAINS THE TITLE OF THE DOCUMENT. THE TITLE IS DISPLAYEDNIN THE TITLE BAR AT THE TOP
OF THE BROWSER WINDOW AND NOT INSIDE THE WINDOW. THE TITLE SHOULD BE SHORT
ANDNINCLUDE ONLY UPTO 64 [Link]:N<HTML>N<HEAD>N<TITLE>NTITLE OF THE
DOCUMENT COMES HEREN</TITLE>N</HEAD>N<BODY> ...N</BODY>N</HTML>
2. What is the difference between a and tags?
Ans: THE <BASEFONT> TAG IS USED TO SET FONT FACE, SIZE, COLOUR, AND OTHER ATTRIBUTES
FOR THE WHOLE HTMLNDOCUMENT. TO SET THE FONT SIZE, GIVE A VALUE FROM 1 TO 7 TO THE
SIZE [Link]: <BASEFONT SIZE = 4>N< FONT SIZE= -3> WILL SET THE FONT SIZE TO
4-3 = [Link] <FONT> TAG HELPS IN BEAUTIFYING AND DISPLAYING THE TEXT IN A PRESENTABLE
MANNER. ITS VARIOUS ATTRIBUTESNHELP IN SETTING THE TYPE, SIZE, AND COLOUR OF THE
[Link]: < FONT FACE = "ARIAL BLACK" COLOR = "YELLOW" SIZE = 6>
3. Explain the terms ALINK and VLINK.
Ans: THE ALINK IS CALLED AN ACTIVE LINK. THIS ATTRIBUTE SPECIFIES THE COLOUR OF AN
ACTIVE LINK IN A DOCUMENT (A LINK ISNACTIVATED WHEN IT IS CLICKED).EXAMPLE: <BODY
ALINK="#FF00FF">NWHEN YOU CLOSE THE WEBSITE THAT HAS BEEN OPENED USING A LINK, AND
NOW YOU GO AND SEE THE LINK, YOU WILL FINDNTHAT IT WILL BE IN PURPLE COLOUR. IT MEANS
THAT THE WEBSITE CONNECTED TO THE LINK HAS ALREADY BEEN OPENED USINGNTHE LINK.
WHENEVER YOU OPEN THE WEBSITE CONTAINING THE LINK UNTIL THE HISTORY IS ERASED, THE
VLINK WILL APPEAR INNPURPLE ONLY. EXAMPLE: <BODYVLINK="#FFAA00">
4. What is the purpose of using the tags ... ?
Ans: THE HEADING TAG IS USED TO DEFINE THE DIFFERENT HEADING LEVELS IN AN HTML
DOCUMENT. THESE ARE USED TONEMPHASISE THE TEXT. THERE ARE SIX HEADING LEVELS, <HL>
TO <H6>. THE HL HEADING STYLE DISPLAYS THE TEXT INNTHE LARGEST SIZE AND IS MAINLY USED
FOR MAIN HEADINGS. THE LOWER LEVELS ARE USED FOR SUBHEADINGS. IT IS NOTNESSENTIAL TO
USE THESE HEADING LEVELS IN A HIERARCHY. THE HEADING TAGS ARE WRITTEN WITHIN THE
<BODY> TAG.
5. Differentiate between and tags.
Ans: <UL> TAG IS USED TO DEFINE THE UNORDERED LIST IN AN HTML DOCUMENT. THE
UNORDERED LIST IS USED WHEN THE ITEMSNARE NOT TO BE DISPLAYED IN ANY PARTICULAR
ORDER. THE <UL> TAG INDENTS EACH ITEM IN THE LIST AND ADDS A BULLETNAGAINST EACH OF
THEM.N<OL> TAG IS USED TO DEFINE THE ORDERED LIST IN AN HTML DOCUMENT. THE ORDERED
LIST IS USED TO DISPLAY THE LIST OFNITEMS IN A SPECIFIC ORDER. THE <OL> TAG INDENTS AND
GIVES A NUMBER TO EACH ITEM IN THE LIST, AND IS ALSO KNOWN AS THE NUMBERED LIST.
6. Write a short note on web browser.
Ans: A WEB BROWSER IS A SOFTWARE WHICH IS USED TO VIEW WEBSITES. IT IS AN INTERFACE
BETWEEN A USER AND THE WORLD WIDE WEB. A WEB BROWSER CAN HAVE A GRAPHICAL USER
INTERFACE LIKE INTERNET EXPLORER, MOZILLA FIREFOX, GOOGLE CHROME, OPERA, OR CAN BE
TEXT-BASED, I.E., LYNX.
7. How can we display, and & symbols on a web page?
Ans: TO DISPLAY <, >, AND & SYMBOLS ON A WEB PAGE, CHARACTER ENTITIES ARE [Link]
DISPLAY ??<?? SIGN, < IS [Link] DISPLAY ">" SIGN, > IS [Link] DISPLAY THE "&"
SIGN, & IS USED.
8. Differentiate between Ordered and Unordered list with the help of an example.
Ans: THE UNORDERED LIST IS USED WHEN THE ITEMS ARE NOT TO BE DISPLAYED IN ANY
PARTICULAR ORDER. THE LIST CAN BE DEFINED WITHIN THE <UL> AND </UL> TAGS. THE <UL> TAG
INDENTS EACH ITEM IN THE LIST AND ADDS A BULLET AGAINST EACH OF THEM. THAT IS WHY THE
UNORDERED LIST IS ALSO KNOWN AS THE BULLETED [Link] EXAMPLE, A LIST OF STATIONERY
ITEMS IS GIVEN BELOW:NPENNERASERNPENCILNTHE ORDERED LIST IS USED TO DISPLAY THE
LIST OF ITEMS IN A SPECIFIC ORDER. IT INDENTS AND GIVES A NUMBER TO EACH ITEM IN THE LIST,
THAT IS WHY IT IS ALSO KNOWN AS THE NUMBERED LIST. THE LIST BEGINS AND ENDS WITH <OL>
AND </OL> TAGS [Link] EXAMPLE, IN A RECIPE, IF THE STEPS ARE NOT
DEMONSTRATED ORDERLY, THE RESULT WOULD NOT BE AS DESIRED.
9. What is the function of Definition List? Explain its structure with the help of an example.
Ans: DEFINITION LISTS ARE USED TO OUTLINE THE MULTIPLE TERMS AND THEIR DESCRIPTIONS
ONE AFTER ANOTHER, AS IN A GLOSSARY AND OTHER NAME OR VALUE LISTS. IT STARTS AND
ENDS WITH <DL> AND </DL> TAG RESPECTIVELY. THE <DL> TAG IS USED IN CONJUNCTION WITH
<DT> (DEFINITION TERM) AND <DD> (DEFINITION DESCRIPTION) TAGS WHERE:N<DT> HELPS IN
DEFINING THE TERMS OR NAMES.N<DD> HELPS IN DESCRIBING EACH TERM OR NAME.
10. The following code is written to align an image in the center of the browser window. However, the desired result
is not achieved. Give reasons. < IMG Src = "[Link]" Align= "Center">.
Ans: THE CENTER VALUE IS INVALID IN THE ALIGN ATTRIBUTE OF THE <IMG> TAG. IF THE IMAGE
HAS TO BE CENTERED, THENFOLLOWING CODE HAS TO BE WRITTEN:N<CENTER> < IMG SRC =
"[Link]"> </CENTER>
11. What is a Table? Write its advantages.
Ans: TABLES ARRANGE DATA IN ROWS AND COLUMNS AND PROVIDE AN ATTRACTIVE WAY TO
REPRESENT [Link] OF A TABLE ARE:NPRESENTS INFORMATION OR DATA IN
A COMPREHENSIVE MANNERNMAKES A COMPARATIVE ANALYSIS OF DATANDISPLAYS
INFORMATION THAT IS EASIER TO READ AND QUICKER TO EVALUATE
12. Name and define the commonly used terms for describing a Table's data.
Ans: THE COMMONLY USED TERMS ARE:NCAPTION: THIS GIVES THE TITLE OF THE [Link]:
THESE ARE THE HORIZONTAL LINES OF [Link]: THESE ARE THE VERTICAL LINES OF
[Link]: IT IS THE INTERSECTION OF A COLUMN AND A [Link]: THESE ARE THE
INDIVIDUAL CELLS WHICH ACT AS LABELS DEPICTING THE TYPE OF INFORMATION IN EACH
COLUMN.
13. Distinguish between HREF and name attributes of tag with the help of an example.
Ans: HREF IS AN ATTRIBUTE OF <A> (ANCHOR) TAG, WHICH DEFINES THE DOCUMENT TO WHICH THE
LINK [Link] ANCHOR TAGN<A> IS USED TO MARK THE TEXT AS A HYPERTEXT LINK, WHICH A
USER CAN CLICK TO DISPLAY THE DOCUMENT, ANCHORED TO [Link] A CONTAINER TAG, IT
REQUIRES </A> CLOSING TAG TO MARK THE END OF THE TEXT OR IMAGES.
14. What is the purpose of a named anchor?
Ans: A NAMED ANCHOR LOOKS LIKE A HYPERLINK WHERE THE HTML CODE IS CONCERNED BUT
DOES NOT FUNCTION AS A LINK. THISNANCHOR ONLY HAS A NAME. THE TEXT INCLUDED IN THE
TAG IS NOT UNDERLINED OR DISPLAYED IN BLUE LIKE OTHER STANDARDNLINKS. YOU WILL NOT
EVEN BE ABLE TO CLICK IT. IT WORKS AS AN INVISIBLE MARKER IN THE DOCUMENT TO WHICH THE
LINK WILLNLEAD. IT HAS THE NORMAL STYLE OF A BLOCK OF TEXT AND NOT THE APPEARANCE OF
A HYPERLINK.
15. How can you add space around the top and bottom of an image?
Ans: YOU CAN ADD SPACE AROUND THE TOP ABD BOTTOM OF AN IMAGE USING THE VSPACE
ATTRIBUTE OF THE <IMG> [Link]:N<IMG VSPACE = ??PIXELS??>NFOR EXAMPLE, <IMG
VSPACE = 30>
16. How will you add border to an image?
Ans: WE CAN ADD BORDER AROUND THE IMAGE BY USING THE BORDER ATTRIBUTE. IT ACCEPTS
VALUE IN TERMS OF PIXELS.N<HTML>N<HEAD>N<TITLE> ADDING BORDERS
</TITLE>N</HEAD>N<BODY><CENTER>N<IMG SRC=
"C:\USERS\PICTURES\DESKTOP\HTML\[Link]" BORDER= 5> </CENTER>N</BODY></HTML>
17. Differentiate between the Rowspan and Colspan attributes of a table.
Ans: ROWSPAN ATTRIBUTE OF <TABLE> TAG IS USED TO COMBINE THE CELLS VERTICALLY. IT
MERGES THE NUMBER OF CELLS VERTICALLY AND DISPLAYS THEM AS A SINGLE [Link]:
<TD ROWSPAN = 3> WHERE 3 IS THE NUMBER OF ROWS THAT THE CELLS SPAN [Link]
ATTRIBUTE OF <TABLE> TAG IS USED TO COMBINE THE CELLS HORIZONTALLY. IT SPECIFIES THE
NUMBER OF COLUMNS THAT THE CELLS SPAN ACROSS AND SHOWS THEM AS A SINGLE
[Link]: <TD COLSPAN= 4 > WHERE 4 IS THE NUMBER OF COLUMNS THAT THE CELLS
SPAN ACROSS.
18. How will you add an image of a table at the top of your web page?
Ans: HTML CODE TO ADD AN IMAGE OF A TABLE AT THE TOP OF A WEB PAGE:N<HTML>N<HEAD>
<TITLE>ALIGNING IMAGES</TITLE>N</HEAD>N<BODY BGCOLOR="LIGHTYELLOW"
TEXT="BLUE">N<IMG SRC="[Link]">N<CENTER><H1><FONT COLOR = "RED"> TABLEN</FONT>
</H1></CENTER>NTABLES ARRANGE DATA IN ROWS AND COLUMNS AND PROVIDE AN ATTRACTIVE
WAY TO REPRESENT INFORMATION. IN HTML, TABLES ALLOW THE USERS TO ORGANISE DATA LIKE
TEXT, IMAGES, AND LINKS ETC. IN THE FORM OF ROWS AND COLUMNS.N</BODY></HTML>
19. Write the HTML code to: i. Align the content of a cell in a Table to the top ii. Link to a specific section of another
webpage
Ans: WRITE THE HTML CODE TO:NI. <TD VALIGN="TOP"> (ALIGNS THE CONTENT OF A CELL TO THE
TOP)NII. THE PROCESS OF CREATING A LINK TO A SPECIFIC SECTION OF ANOTHER WEB PAGE HAS
TWO STEPS:NSTEP 1: CREATING A NAMED ANCHOR - <A NAME="ANCHOR">MARKER</A>NSTEP 2:
LINKING TO THE NAMED ANCHOR - <A
HREF="[Link]#NAMED_ANCHOR">HYPERTEXT</A> (TO BE GIVEN IN DOCUMENT2)
20. Write the HTML code to send an email to abc@[Link] from your web page.
Ans: <HTML>N<HEAD><TITLE> USING E-MAIL LINK </TITLE>N</HEAD> <BODY BGCOLOR="PINK"
LEFTMARGIN=75 TOPMARGIN=50>N<H1>YOU ARE WELCOME TO MAIL US. </H1><BR>N<CENTER><A
HREF="ABC@[Link]">ABC</A>N</CENTER></BODY></HTML>
21. What is a Form?
Ans: A FORM IS A COLLECTION OF FIELDS OF INFORMATION ON A PAGE. IT RESEMBLES A PAPER
OR DATABASE FORM WHERE A USERNFILLS THE REQUIRED INFORMATION. THE VARIOUS FIELDS OF
DATA IN A FORM MAY CONTAIN TEXT BOXES, RADIO BUTTONS, DROPNDOWN MENUS,
CHECKBOXES, PASSWORD BOXES, AND OTHER ELEMENTS.
22. How many elements are required to create a Form in HTML?
Ans: WE REQUIRE TWO ELEMENTS TO CREATE A FORM IN HTML: THE FORM ELEMENT AND AN
INPUT ELEMENT NESTED WITHINNTHE FORM [Link] FORM ELEMENT SETS UP AN AREA
FOR A FORM ON THE WEB [Link] INPUT ELEMENT CREATES VARIOUS FORM CONTROLS SUCH
AS BUTTON, TEXT BOX, CHECK BOX ETC., ON THE FORM AREA.
23. Explain any two attributes that can be used with the tag.
Ans: THE ATTRIBUTES WHICH ARE USED WITH THE <INPUT> TAG ARE:NTYPE: THIS ATTRIBUTE
SPECIFIES WHAT KIND OF FORM CONTROL WILL BE ADDED TO THE FORM. THE DEFAULT TYPE FOR
AN INPUTNELEMENT IS TEXT. IT DEFINES ONLY ONE LINE OF [Link]: EVERY CONTROL IN THE
FORM MUST HAVE A NAME TO IDENTIFY IT. THE NAME ATTRIBUTE SPECIFIES THE NAME OF
ANN<INPUT> ELEMENT.
24. What is a Radio button? Explain with the help of an example.
Ans: RADIO BUTTONS ARE USED WHEN A USER HAS TO MAKE A SELECTION OF ONLY ONE AMONG
THE SEVERAL POSSIBLE [Link] EXAMPLE, WHILE ASKING ABOUT THE GENDER OF A USER,
YOU NEED TO SPECIFY TWO RADIO BUTTONS "MALE" ANDN"FEMALE", WHICH BELONG TO THE
SAME GROUP CALLED "GENDER". A USER WILL BE ABLE TO SELECT EITHER "MALE" ORN"FEMALE"
BUT NOT BOTH THE OPTIONS.
25. Explain any two areas of applications of Forms.
Ans: EDUCATI ONAL SITES - FOR COLLECTING NAMES, ADDRESSES, TELEPHONE NUMBERS, E-MAIL
ADDRESSES, AND OTHERNINFORMATION OF STUDENTS WHICH IS REQUIRED BY THE WEBSITES TO
REGISTER THEM FOR AN ON LINE [Link] SHO PPING - FOR GATHERING INFORMATION
FOR THE PURCHASE OF AN ITEM.
26. Differentiate between: Radio Button and Checkbox Submit Button and Reset Button
Ans: I. RADIO BUTTONS ARE USED WHEN A USER HAS TO MAKE A SELECTION OF ONLY ONE OPTION
AMONG THE SEVERAL POSSIBLE OPTIONS. FOR EXAMPLE, WHILE ASKING ABOUT THE GENDER OF
A USER, YOU NEED TO SPECIFY TWO RADIO BUTTONS "MALE" AND "FEMALE", WHICH BELONG TO
THE SAME GROUP CALLED "GENDER". A USER WILL BE ABLE TO SELECT EITHER "MALE" OR
"FEMALE" BUT NOT BOTH THE [Link] THE OTHER HAND, A CHECKBOX IS LIKE A TOGGLE
SWITCH WHICH HELPS THE USER TO SELECT OR DESELECT ONE OR MORE [Link]. BY CLICKING
ON THE SUBMIT BUTTON, THE DATA IN ALL THE FIELDS WILL BE SENT TO A SERVER AS A SERIES
OF NAME AND VALUE PAIRS. THE "NAME" BEING THE NAME OF THE FORM ELEMENT AND THE
"VALUE" IS INPUT VALUE ENTERED BY THE USER. THE DATA IS SENT TO THE PAGE SPECIFIED IN
THE ACTION ATTRIBUTE OF THE <FORM> [Link] RESET BUTTON IS USED TO CLEAR THE
CONTENTS AND SET THE VALUES OF ALL THE FORM ELEMENTS TO THEIR INITIAL STATE AND
MAKE THEM ACTIVE.
27. Write a short note on the application areas of forms.
Ans: APPLICATION AREAS OF FORMS:NI. THEY ARE USED FOR COLLECTING NAMES, ADDRESSES,
TELEPHONE NUMBERS, E-MAIL ADDRESSES, AND OTHER INFORMATION OF STUDENTS WHICH IS
REQUIRED BY THE WEBSITES TO REGISTER THEM FOR AN ONLINE [Link]. THEY ARE USED
FOR GATHERING INFORMATION FOR THE PURCHASE OF AN [Link]. THEY ARE USED FOR
COLLECTING FEEDBACK ABOUT A [Link]. USERS ARE REQUIRED TO FILL OUT A FORM IF
THEY WANT TO PARTICIPATE IN A CHAT SESSION OR A DISCUSSION GROUP.
28. Define the following attributes associated with the tag: i. Type ii. Value iii. Size
Ans: I. TYPE: THIS ATTRIBUTE SPECIFIES WHAT KIND OF FORM CONTROL WILL BE ADDED TO THE
FORM. THE DEFAULT TYPE FOR AN INPUT ELEMENT IS TEXT. IT DEFINES ONLY ONE LINE OF
[Link]. VALUE: IT SPECIFIES THE INITIAL VALUE FOR THE [Link]. SIZE: IT SPECIFIES THE
WIDTH OF THE INPUT FIELD.
29. Describe the Cols attribute and Rows attribute of the tag.
Ans: DESCRIBE THE COLS ATTRIBUTE AND ROWS ATTRIBUTE OF THE <TEXTAREA> [Link]
ATTRIBUTE OF THE <TEXTAREA> TAG DEFINES THE HEIGHT OF THE TEXTAREA, AND COLS
ATTRIBUTE DEFINES THE WIDTH OF THE TEXT [Link]: <TEXTAREA ROWS= 10 COLS= 60>
30. What are static web pages?
Ans: IN STATIC WEB PAGES, THE CONTENTS OF THE WEB PAGES REMAIN STATIONARY. THESE
WEB PAGES ARE LOADED ON THENCLIENT'S BROWSER EXACTLY IN THE SAME WAY AS THEY ARE
STORED ON THE WEB SERVER.
31. What is DHTML?
Ans: DHTML STANDS FOR DYNAMIC HYPERTEXT MARKUP LANGUAGE. IT IS NOT A LANGUAGE, BUT
INSTEAD IS A COMBINATION OF THE WEB DEVELOPMENT TECHNOLOGIES LIKE STATIC MARKUP
LANGUAGE (HTML), CLIENT-SIDE SCRIPTING LANGUAGE (JAVASCRIPT), STYLING LANGUAGE (CSS),
AND DOCUMENT OBJECT MODEL (DOM).
32. What is cascading style sheet?
Ans: CSS IS A SET OF STYLE SHEET DESIGN PRINCIPLES THAT DETERMINES THE VISUAL LAYOUT
OF THE CONTENT OF A WEB PAGE. THESE SHEETS HELP IN DEFINING AND ENHANCING THE PAGE'S
APPEARANCE BY CONTROLLING THE FORMAT OF HTMLNELEMENTS. IT CONTAINS A WIDER RANGE
OF FORMATTING ATTRIBUTES THAN HTML. IT IS LIKE A TEMPLATE IN A WORDNPROCESSING
DOCUMENT.
33. How CSS is beneficial for web designers?
Ans: CSS ALLOWS THE WEB DESIGNERS TO SPECIFY THE WEB PAGE FORMATTING OPTIONS
THROUGH A STYLE SHEET, WHILE KEEPINGNHTML MARKUP CONSIDERABLY SIMPLE. USING CSS,
WEB DESIGNERS CAN CONTROL THE COLOUR OF THE TEXT, THE STYLE OFNFONTS, THE SPACING
BETWEEN PARAGRAPHS, SIZE AND LAYOUT OF COLUMNS, BACKGROUND IMAGES AND COLOURS,
AS WELL ASNA VARIETY OF OTHER EFFECTS. WITH STYLE SHEETS, THE WEB DESIGNERS CAN
SEPARATE THE CONTENT OF A DOCUMENT FROMNITS PRESENTATION SO THAT THE APPEARANCE
OF THE DOCUMENT CAN BE CHANGED WHENEVER REQUIRED WITHOUT AFFECTINGNITS
SUBSTANCE.
34. What is the significance of class selector in CSS?
Ans: A CLASS SELECTOR LETS YOU APPLY CSS STYLES FOR A GROUP OF HTML ELEMENTS. ONCE
THE PROPERTIES ARE DEFINED, THESENPROPERTIES CAN BE APPLIED TO DIFFERENT HTML
ELEMENTS OF THE SAME TYPE WITH A SPECIFIC CLASS. THE CLASS SELECTORNIS DEFINED BY
PLACING THE DOT '.' SYMBOL BEFORE A CLASS NAME.
35. What is the use of Font-Family property in CSS?
Ans: FONT-FAMILY SPECIFIES THE PREFERRED CHOICE FOR THE FONT OF A PARTICULAR
ELEMENT ON A WEB PAGE. IT CONTAINS A LIST OF FONT FAMILY NAMES FOLLOWED BY GENERIC
FAMILY NAMES, ALL SEPARATED BY COMMAS. THE GENERIC FAMILY NAME ISNOPTIONAL BUT IT IS
ADVISABLE TO ADD IT AS THE LAST VALUE IN THE LIST. IF THE BROWSER DOES NOT HAVE THE
SPECIFIED FONTNNAME, IT WILL PICK A SIMILAR FONT FROM THE GENERIC FONT-FAMILY.
36. Differentiate between Static and Dynamic web pages.
Ans: IN STATIC WEB PAGES, THE CONTENTS OF THE WEB PAGE REMAIN STATIONARY. THESE WEB
PAGES ARE LOADED ON THE CLIENT??S BROWSER EXACTLY IN THE SAME WAY AS THEY ARE
STORED ON THE WEB SERVER. A USER CAN ONLY READ THE INFORMATION BUT CANNOT MAKE
ANY MODIFICATIONS OR INTERACT WITH THE DATA. STATIC WEB PAGES ARE CREATED BY USING
ONLY [Link] DYNAMIC WEB PAGE IS GENERATED WHEN A USER REQUESTS FOR THE PAGE.
EACH TIME IT SHOWS DIFFERENT CONTENT BASED ON THE USER'S INTERACTION. THE PAGE THAT
A USER VIEWS AT A TIME EXISTS ONLY FOR HIM AND FOR THAT VERY MOMENT. IF VIEWED BY
SOMEONE ELSE AT THE SAME TIME OR EVEN BY HIM AT A SLIGHTLY DIFFERENT TIME, HE WOULD
GET SOMETHING DIFFERENT.
37. How can we set the margins for an element?
Ans: HOW CAN WE SET THE MARGINS FOR AN ELEMENT?NTHERE ARE MARGIN PROPERTIES FOR
SETTING THE MARGIN FOR EACH SIDE OF AN ELEMENT (TOP, RIGHT, BOTTOM, AND LEFT).NTO SET
THE MARGIN FOR EACH SIDE OF AN ELEMENT, WE CAN MAKE USE OF THE FOLLOWING
PROPERTIES:NI. MARGIN-TOP: TO SPECIFY THE TOP MARGIN OF AN ELEMENTNII. MARGIN-RIGHT:
TO SPECIFY THE RIGHT MARGIN OF AN ELEMENTNIII. MARGIN-BOTTOM: TO SPECIFY THE BOTTOM
MARGIN OF AN ELEMENTNIV. MARGIN-LEFT: TO SPECIFY THE LEFT MARGIN OF AN ELEMENT
38. Differentiate between the Font-weight and Font-variant properties.
Ans: FONT WEIGHT PROPERTY SPECIFIES THE WEIGHT OR BOLDNESS OF THE FONT. POSSIBLE
VALUES FOR THIS PROPERTY ARE 100-900, BOLD, BOLDER, LIGHTER, AND NORMAL. THE NUMERIC
VALUES 100-900 SPECIFY FONT WEIGHTS WHERE EACH VALUE IS A LITTLE DARKER THAN ITS
PREDECESSOR. THE VALUE 400 IS TAKEN AS NORMAL FONT WEIGHT, WHEREAS 700 IS BOLD FONT
[Link]: FONT-WEIGHT: VALUE;NWHERE VALUE=
LIGHTER|NORMAL|BOLD|BOLDER|100|200|300|400|500|600|700|800|900NFONT-VARIANT PROPERTY
SETS THE TEXT FONT IN TWO VARIANTS: NORMAL OR SMALL-CAPS. IN SMALL-CAPS, ALL THE
LOWERCASE CHARACTERS ARE CONVERTED INTO UPPERCASE CHARACTERS. HOWEVER, THEY
APPEAR SLIGHTLY SMALLER THAN THE ORIGINAL UPPERCASE CHARACTERS WHEN DISPLAYED IN
THE [Link]: FONT-VARIANT: VALUE;NWHERE VALUE= SMALL-CAPS | NORMAL
39. Explain the purpose of using the shorthand Margin property.
Ans: WE CAN ALSO SPECIFY THE MARGIN FOR ALL THE SIDES OF AN ELEMENT IN ONE SINGLE
DECLARATION BY USING THE MARGIN SHORTHAND [Link]: MARGIN: TOP-VALUE
RIGHT-VALUE BOTTOM-VALUE LEFT-VALUENWHERE VALUE=LENGTH | PERCENTAGE | AUTO
40. How will you add padding space to all the four sides of an element?
Ans: WE CAN SPECIFY THE PADDING AREAS FOR ALL THE FOUR SIDES AS SHOWN IN THE EXAMPLE
BELOW:NP {PADDING-TOP:40%; PADDING-BOTTOM:100PX; PADDING-RIGHT:50PX; PADDING-
LEFT:50PX;}
