Students can Download Chapter 5 Web Designing Using HTML Questions and Answers, Plus Two Computer Science Chapter Wise Questions and Answers helps you to revise the complete Kerala State Syllabus and score more marks in your examinations
Kerala Plus Two Computer Science Chapter Wise Questions and Answers Chapter 5 Web Designing Using HTML
Plus Two Computer Science Web Designing Using HTML One Mark Questions and Answers
Question 1.
Name the tag to which the attribute frame is associated.
Answer:
<Table>
Frame attribute specifies the border lines around the table. Possible values are void, box, above, below, hsides, Hsides, Lhs, Rhs Eg. <Table Frame = “below”>
Question 2.
The tag used to create combo in HTML is _______
Answer:
<Select>
Question 3.
The option attribute is associated with _______ <tag>
Answer:
<Select>
Question 4.
Consider the following.
<FRAMESET Cols= “50%, *”>
What will be the output of the above HTML statement?
Answer:
It divides browser window with frames of equal width in column-wise.
Question 5.
Consider the following.
<FRAMESET Rows= “50%,*”>
What will be the output of the above HTML statement?
Answer:
It divides browser Window into two frames in row-wise equally.
Question 6.
<Select> Tag create ______ in HTML.
Answer:
Combo box
Question 7.
The default align value for a table is ______
(a) Left
(b) Right
(c) Center
(d) Justify
Answer:
(a) Left
Question 8.
A submit button can be created by____ tag
(a) <SUBMIT>
(b) <INPUT>
(c) <SELECT>
(d) <ACTION>
Answer:
(b) <INPUT>
Question 9.
_____ Tag enclosed the heading cells in a table.
(a) <TABLE>
(b) <TR>
(c) <TH>
(d) <TD>
Answer:
(c) <TH>
Question 10.
______ is an empty tag.
(a) <FRAME>
(b) <FORM>
(c) < FRAMESET
(d) <TABLE>
Answer:
(a) <FRAME>
Question 11.
Pick the odd one out. Justify your answer
(a) NOFRAME
(b) Body
(c) SRC
(d) HEAD
Answer:
(c) SRC. It is an attribute. All other are tags.
Question 12.
Name the tag which is used as an attribute to another tag?
Answer:
<Center>or<Frame>
Question 13.
The borderlines around a table is specified by _____ Attribute.
(a) Frame
(b) cellborder
(c) Background
(d) Border
Answer:
(d) Border
Question 14.
To change the background colour of a table, which attribute of <table>tag is used for this purpose.
Answer:
BGCOLOR – This attribute specifies the background colour of the table.
<TABLE B0RDER=2 BGCOLOR= “Blue”>
Question 15.
Which tag is used to divide the window more than one?
Answer:
<Frameset>
Question 16.
_____ tag is used to pass information from web viewers to web server.
Answer:
<Form>
Question 17.
_______ tag provides a label for the form control.
Answer:
<Label>
Question 18.
A_____ has no <body> section.
Answer:
<Frameset> tag
Question 19.
A <frameset> tag no _____ tag.
Answer:
<Body> tag
Question 20.
Name the attribute used to merge two or more rows of a table in an HTML document.
Answer:
Rowspan
Question 21.
In HTML ______ tag is used to create a row in a table
Answer:
<TR>
Question 22.
The space between the bonder of the cell and its content can be adjusted by an attribute of the < TABLE > tag. Identify this attribute.
Answer:
Cell padding
Question 23.
Give the value of the frame attribute of <TABLE> tag to get the outer border only.
Answer:
box.
Question 24.
Baiju wants to place a picture in a table cell. Which attribute of the <TD> tag will be used for this.
Answer:
Background
Question 25.
_____ tag forms the definition term in a definition
(a) <DD>
(b) <DT>
(c) <DL>
(d) <DR>
Answer:
(b) <DT>
Question 26.
Name the possible values of type attribute of UnOrdered list.
Answer:
tag <UL> can take values square, circle or disc
Question 27.
To create a list using Upper case letters use ______?
Answer:
<OLType=”A”>
Question 28.
To create a list using Lower case letters use ______?
Answer:
<OLType=”a”>
Question 29.
To start a list from the count of 3 using _____?
Answer:
a <OLstart=”3”>
Question 30.
Mr. Suresh wants to prepare a list of students with register number. But he wants to start numbering from 5? How can it be done using HTML?
Answer:
Ordered list is used for this <OL start = “5”>
Question 31.
Pick the wrong one from the statements given below:
(a) <OL>and <UL> have Type attribute
(b) Default numbering scheme in <OL> is 1,2, 3…
(c) In Definition List, <DD> tag is used to give definition of terms
(d) Start attribute, of ordered list, should always be set to 1
Answer:
(d) Start attribute, of ordered list, should always be set to 1
Question 32.
Which of the following is the correct way to create an email link?
(a) <A href= “abc@xyz”>
(b) <mail href= “abc@xyz”>
(c) <mail> “abc@xyz”>
(d) <A href= “mailto: abc@xyz”>
Answer:
(d) <A href= “mailto: abc@xyz”>
Question 33.
There are two web pages in the class project created by Mathew. The second page should appear in the browser when clicked at a particular text in the first page. What do you call this feature? Name the tag and attribute needed for creating such a feautre
Answer:
This feature is called link
Tag used is <A> and attribute is HREF
Question 34.
Observe the table with two rows. Which of the following is used with TD tag to merge the cells C and D?
(a) Merge=colspan 2
(b) Rowspan= “2”
(c) Colspan= “2″
(d) Merge=raw2
Answer:
(c) Colspan= “2″
Question 35.
Why do we use <NOFRAME> tag?
Answer:
<NOFRAME> tag is used to give content when some browser that does not support frameset.
Question 36.
Which of the following tag is used to create a list box in a html Form?
(a) <SUBMIT>
(b) <INPUT>
(c) <SELECT>
(d) <ACTION>
Answer:
(c) <SELECT>
Question 37.
The tag used for creating a drop down list in HTML is ______
Answer:
<select> tag
Plus Two Computer Science Web Designing Using HTML Two Mark Questions and Answers
Question 1.
Manju wants to display 3 web pages on the same screen horizontally. Which HTML statements can be used for this?
Answer:
<Frameset Rows=“33%, *, * ” >
<Frame SRC = Page1. html>
<Frame SRC = Page2. html>
<Frame SRC – Page3. html>
< / Frameset >
Question 2.
Adithya College of Engineering wants to Create its web site, in which the home page is to be designed as a combination of two Vertical panes.
Answer:
- Suggest suitable tags used for this.
- Write the HTML statements to get this type of page
Answer:
1. < Frame set > and < Frame > tags
2. < Frameset cols = “ 50%, * ” >
< Frame SRC = “ Page1. HTML” >
< Frame SRC = “ Page2. HTML ” >
< / Frameset >
Question 3.
‘Kerala Communication channel’ conducts a TV program based on Education policies of Kerala Govt. They want to take the feedback from the viewers through their website.
- While creating this site, which type of tag is used to accept multiple line of text from the viewers,
- Name any two attributes of this tag.
Answer:
- <TEXTAREA>
- Cols, rows, name
Question 4.
Distinguish between cell spacing and cell padding attribute of <Table> tag.
Answer:
- Cellspacing: It specifies the space between two table cells
- Cellpadding: It specifies the space between cell border and content
Question 5.
Match the following.
Answer:
Question 6.
Differentiate <frame> and <frameset> tags.
Answer:
The <frameset> tag defines the frame sections and the <frame> tag specifies the pages to be loaded in each frame
<FRAMESET> tag And <FRAME>tag Attributes of <FRAMESET>
- Rows: Used to divide screen in row wise
- Cols: Used to divide screen in column wise Attributes of <FRAME>
- SRC: Specifies name of web page to be loaded in Frame
- Scrolling: Enables the web page displayed to be scrolled
Eg: <FRAMESET Cols=“50%,*”>
< FRAME SRC=“page1.html”>
< FRAME SRC=“page2.html”>
</FRAMESET>
Question 7.
How can you merge cells in a table?
Answer:
By using attributes Colspan or Rowspan
1. colspan: It Is used to span or to stretch a cell, over a number of columns.
Eg: <TD Colspan=3> spans the cell over three columns
2. rowspan: It is used to span or to stretch a cell over a number of rows.
Eg: <TD Rowspan=3> spans the cell over three rows.
Question 8.
Raju created a web page as follows:
<HTML>
<HEAD>
<TITLE>SampieTable</TITLE>
</HEAD>
<BODY>
<TABLE><TR><TH>Roll.No.</TH><TH>Name
</TH><TR>
<TR><TD>1</TD><TD>Raju</TD></TR>
<TR><TD>2</TD><TD>Ramu</TD></TR>
</TABLE>
</BODY>
</HTML>
But he is unable to view any tabular format in the . web page, when it is displayed in the browser.
Find the reason for it and correct the same.
Answer:
Without the “Border” attribute it never shows tabular form, Border attribute is missing.
<TABLE BORDER=3>
Question 9.
Name the possible values of type attribute of Ordered list.
Answer:
Values as follows
- type = 1 for 1, 2, 3,….
- type = i for i, ii, iii ……..
- type = I for I, II, III …….
- type = a for a, b, c,…
- type = A for A, B, C ………
Question 10.
Predict the output of the following HTML segment.
<OLType = “1” start = “5”>
<Li> Chocolate</Li>
<Li> Milk </Li>
<Li> Coffee</Li>
</OL>
Answer:
5. Chocolate
6. Milk
7. Coffee
Question 11.
Compare the use of Type attribute in Ordered and Unordered list in HTML?
Answer:
1. Unordered List (<UL>) – Items are displayed with square, circle or disc in front.
Eg: <UL TYPE=”circle”>
2. Ordered List (<OL>) – Items are displayed with the following type values.
Type = 1 for 1, 2, 3,
Type = i for i, ii, iii
Type = I for I, II, III
Type = a for a, b, c,
Type = A for A, B, C
Eg: <OLTYPE=”A”>
Question 12.
Differentiate internal linking and external linking with examples.
Answer:
1. External Linking -: Used to connect two different webpages
Eg:<A href = “School. html”> School</A>
2. Internal linking: Internal links are given to a section in the same document.
<A href =“#top”>Goto Top </A>
<A href = “#bottom>Goto Bottom </A>
Question 13.
While moving the mouse pointer over a web page, the mouse pointem changes its shape to hand icon symbol.
- Give reason for this change in mouse pointer.
- Name the tag and attributes used for it.
Answer:
- It is a hyper link
- <A> tag, href attribute
Question 14.
HTML has facility to provide external and internal hyper links.
- Which tag is used to include a hyperlink?
- Explain two attributes needed for creating internal
Answer:
- <A>
- name, href
Question 15.
Match the following.
| EMBED | href |
| OL | loop |
| A | start |
| BGSOUND | hidden |
Answer:
EMBED- hidden, OL – start, A – href, BGSOUND – loop
Question 16.
Categorize the following tags into container tags and empty tags.
<A>, <FRAME>, <FRAMESET>, <INPUT>
Answer:
1. Empty tags
<FRAME> & <INPUT>
2. Container tags
<FRAMESET> & <A>
Question 17.
The <FORM> tag is used to accept data and communicate with a server program.
- Name any two attributes of FORM tag.
- How will you create a “SUBMIT” button and a “RESET” button within the FORM tag?
Answer:
- Action, Method
- <INPUT Type = “submit”>
<INPUT Type = “reset”>
Question 18.
Aliya wants to display three webpages (A.htm, B.htm, C.htm) on the same screen horizontally at the ratio 20%, 40%, 40%. Write the HTML code for the same.
Answer:
<FRAMESET ROWS=”20%, 40%, 40%”>
<FRAME Src= “A.html”>
<FRAME Src= “B.html”>
<FRAME Src= “C.html”>
</FRAMESET >
Question 19.
Distinguish Cellspacing and Cellpadding attributes of <TABLE> tag.
Answer:
Cell spacing: Specifies space between table cells Cell padding- Specifies space between cell border and content.
Plus Two Computer Science Web Designing Using HTML Three Mark Questions and Answers
Question 1.
Point out the difference between relative and absolute URL.
Answer:
URL means uniform Resource Locator.
Two type of URL
1. Relative URL – Here we explicitly give the web site address
Eg: <A href=http://www.hscap.kerala.gov.in>
2. Absolute URL – Here we implicitly give the web site address. The path is not specified here.
Eg: Consider the web pages index.html and school.html saved in folder C:\BVM.The file indexs.html contains the following.
<A href=”school.html”>. Here we did not specify the full path of the file school.html. But this implicitly points to the file stored in C:\BVM
Question 2.
Name the tag which is used to play the music in background while the webpage is being viewed.
Answer:
<BGSOUND>
<HTML>
<HEAD>
<Title> Table </Title>
</HEAD>
<BODY>
<Table Border = “1”>
<TR align = “Center”>
<TH COLSPAN = “2” > ANIMALS</TH>
</TR>
<TR align-‘center”>
<TD> WILD <BR>BEAR, TIGER</TD> <TD>DOMESTIC <BR>GOAT, DOG</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Question 3.
Differentiate <FRAME>, <FRAMESET> and <NOFRAME> tags.
Answer:
- <FRAMESET> tag is used to divide the window more than one pane. It has no body section.
- <FRAME> It specifies the pages within a frameset.
- <NOFRAME> <NOFRAME> tag is used to give content when some browser that does not support frameset.
Question 4.
In a web page, user needs to enter the address of persons. Name the tag used for this. List and explain any two main attributes of it.
Answer:
<TEXTAREA>. This is used to enter multiple lines in a Text Box of a web page. Main attributes are
- Rows: Specifies the height of text area control, ie. The number of Lines the Text Area should have
- Cols: Specifies width ie number of characters per line.
- Name: Gives a variable name to the Text Area control. Eg: <TEXTAREA Name = ”Address” Cols = 20 Rows = 5>
Question 5.
Consider the following table.
Write the HTML code for the above.
Answer:
<HTML>
<HEAD>
<TITLE>TABLE</TITLE>
</HEAD>
<BODY>
<CENTER><B>TABLE</CENTER>
<TABLE BORDER = 1>
<TR>
<TH>Batch</TH>
<TH>Boys</TH>
<TH>Girls</TH>
</TR>
<TR>
<TH>Science</th>
<TD>25</TD>
<TD>26</TD>
</TR>
<TR>
<TH>COMMERCE</TH>
<TD>20</TD>
<TD>30</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Question 6.
Name the tag which permits a user to add more than one web page in a single window. List any attributes of it with explanation.
Answer:
<FRAMESET> tag and <FRAME>tag Attributes of <FRAMESET>
- Rows: Used to divide screen in row wise
- Cols: Used to divide screen in column wise Attributes of <FRAME>
- SRC: Specifies name of web page to be loaded in Frame
- NAME: Gives a name for the frame.
Eg. <FRAMESET Rows= “50%,*”>
<FRAME SRC= “page1.html”> <FRAMESRC=“page2.htm”>
</FRAMESET>
Question 7.
In VB, a Programmer can use Option Button, Text Box, Combo box, etc. to accept inputs from the user. But in HTML <INPUT> tag is used for creating ail the above controls. Which attributes of the <INPUT> tag is used for this. List and explain the possible values of it.
Answer:
The ‘type’ attribute of <INPUT> tag is used to create different control. The main values of type attribute is given below.
- Text: Creates a single line Text Box. Eg. <INPUT Type= “Text”>
- Password: creates a password box in which characters are displayed by symbols like asterisk(*) Eg. <INPUTType= “Password”>
- Check Box: Creates a check box. Eg. INPUT Type = “Check Box”>
- Radio: Creates option button (Radio Button) Eg. <INPUT Type= “Radio” Name=“sex” Value= “M”>Male
- Reset: Creates reset button. It is used to clear all the data entered Eg. <INPUT Type=“Reset”>
- Submit: Creates a submit Button. When click on it data Entered in the form will sent to web server. Eg. INPUT Type = “Submit”>
Question 8.
Write the HTML code for the following.
Answer:
<HTML>
<HEAD>
<TITLE>TABLE</TITLE>
</HEAD>
<BODY>
<TABLE BORDER = ”1”>
<TR>
<TH> Computer </TH>
<TH> Acer </TH>
<TH>HP</TH>
</TR>
<TR>
<TH>PC</TH>
<TD>30,000</TD>
<TD>32,000</TD>
</TR>
<TR>
<TH>Laptop</TH>
<TD colspan = 2>40,000</TD>
</TR>
</Table>
</Body>
</HTML>
Question 9.
Write the HTML Code for the following.
Answer:
<HTML>
<HEAD>
<TITLE>TABLE EXAMPLE</TITLE>
</HEAD>
<BODY>
<TABLE BORDER = ‘1’>
<TR>
<TH>Subject</TH>
<TH>Type of<BR>Exam</TH>
<TH>Mark</TH>
</TR>
<TR>
<TH Rowspan=2>Computer<BR>Application</TH> <TH>Theory</TH>
<TD>42</TD>
</TR>
<TR>
<TH>Practical</TH>
<TD>26</TD>
</TR>
</Table>
</Body>
</HTML>
Question 10.
Name the attributes in HTML, which can present in more than one tag.
Answer:
The attributes are
- Border: lt can act in <Table> and in <Frameset>Tag.
- Bgcolor: It can act in <Table> and in <Body>tag.
- Type: It can act in <OL> and in <lnput>tag.
Question 11.
What are the main attributes of the <Form> tag?
Answer:
1. Method:
It determines the method of submission of form data to the server. Get and Post are the two form submission methods. Post method is used to pass large volume of data. Also, post method is more secure as data entered is not visible during submission. The get method is faster and is used to send lesser volume of data and it is not secure.
2. Action:
The URL of the server side program to process the form data is specified by the Action attribute.
Eg: <Form Action=”http://www.scert.com/asp/. process. asp”>
Question 12.
What are the difference between get method and post method?
Answer:
| Post Method | Get Method |
| It is used to pass large volume of data The data is not visible during submission It is slower. It is secure. |
It is used to pass lesser volume of date The data is visible, during submission It is faster It is not secure |
Question 13.
Lena wants to create a web page, to select the district name from a combo. By default the combo box contain the district Trichur. Help her to do so.
Answer:
<HTML>
<HEAD>
<TITLE>COMBOBOX</TITLE>
</HEAD>
<BODY>
DISTRICT
<SELECT>
<OPTION SELECTED>TRICHUR <OPTION>ERNAKULAM <OPTION>PALAKKAD </SELECT>
</BODY>
</HTML>
Question 14.
Ram creates a web page to record the sex of a student. But he has made a mistake that the student can select both male and female choices at a time. What is the reason for the same? Help him to correct the mistake.
Answer:
To record sex of student radio buttons are used. Usu-ally radio buttons are provided as a group from which exactly one can be selected at a time by giving the same name for both radio buttons. But here Ram did not give same narfie for both buttons. Therefore the mistake. The correct code is as follows,
<HTML>
<HEAD>
<TITLE>RADIO BUTTON</TITLE>
</HEAD>
<BODY>
sex<input type=”radio” name=’’sex” value= “Male”> Male
<input type=”radio” name=”sex” value= “Female”> Female
</BODY>
</HTML>
Question 15.
Explain the attributes of <Frameset> Tag.
Answer:
- Cols: It determines the dimension of vertical frames(Columns) in the frameset page. Eg: <Frameset Cols=”50%,*”> creates two vertical frames with equal width
- Rows: It determines the dimension of horizontal frames(Rows) in the frameset page. Eg: <Frameset Rows=”50%,*”> creates two horizontal frames with equal height.
- Border: It specifies the thickness of the border for the frames.
- Border color: It specifies the colour for the frame border.
Question 16.
Explain the attributes of <Frame tag>
Answer:
- Src: It specifie the URL of the document to be loaded in the frame.
- Scrolling: It indicates scroll bar is to be shown in the frame or not, values are yes, no or auto
- No resize: It stops the resizing of the frame, no value is to be assigned.
- Margin width and Marginheight: It sets the hori¬zontal and vertical margins, values are in pixels.
- Name: It gives a name for the frame.
- Target: It specifies the target frame.
Question 17.
Mr. Sonet visited a website that contains two frames. He tries to resize the first frame by mouse.But he failed to do so. What is the reason behind. Explain?
Answer:
This is because the web designer used Noresize attribute of frame tag while he design the page. No resize attribute stops the resizing of the frame, no value is to be assigned.
Eg: <frame src=”page1.html” noresize>
Question 18.
We know that an HTML document contains two sec¬tions head and body section. While designing a web page as follows what will happen?
Answer:
<html>
<head>
</head>
<body>
<frameset cols=”50%,*”>
<frame src=”page1 .html” noresize> <frame src=”page2.html”>
</frameset>
</body>
</html>
There is no output because a <frameset> tag has no body tag. It is very important. So the correct code is as follows,
<html>
<head>
</head>
<frameset cols=”50%,*”>
<frame src=”page1 .html” noresize>
<frame src=”page2.html”>
</frameset>
</html>
Question 19.
Create a web page as follows to display a list contains items.
Answer:
T0 create a list box set the size property of <Select> tag to more than 1.
<html>
<head>
</head>
<body>
House Hold ltems<Br>
<select size=3>
<option>TV
<option>Fridge
<option selected>Washing Machine </select>
</body>
</html>
Question 20.
In VB there are separate controls to create List Box and Combo Box. But in HTML these controls can be created by using a single tag.
- Name the tag used for this?
- Which attribute is used for this and how?
Answer:
1. < SELECT >
2. Size attribute
< SELECT Size = 1> gives combo box
< SELECT Size = 3> gives a list box
Question 21.
Write HTML code for creating the following webpage using tag.
Answer:
<HTML>
<HEAD>
<TITLE>List Tag</TITLE.
</HEAD>
<BODY>
<H2 Align=”centre” ><B>Net Link Ltd></ B><H2><BR>
<H2 Align=”centre”><B>Bangalore></B></H2><BR>
<HR>
<B>Our products</B>
<BR>
<OLtype=1>
<LI>Television <LI>Washing Machine <UL>
<LI><Model 2005XP Series <LI> Model 2006 ST Series </UL>
</OL>
</Body>
</HTML>
Question 22.
Write the HTML code for creating the following web page using List tag.
Answer:
HTML>
<HEAD>
<TITLE>Definition List Tag</TITLE>
</HEAD>
<BODY>
<H1 Align= “center“><B>COMPUTER TERMS</B>< H1><BR>
<DL>
<DT>CPU
<DD>Central Processing Unit <DT>ALU
<DD>Arithmetic and Logic Unit <DT>WWW <DD>World Wide Web </DL>
</BODY>
</HTML>
Question 23.
What will be the output of the following?
<html>
<head>
</head>
<body>
<OL type=”A” start=5>
<LI>COMPUTER
<LI>BIOLOGY
</OL>
</body>
</html>
Answer:
The output is as follows
E.COMPUTER, F.BIOLOGY
Question 24.
Find the errors from the following and correct it.
- <ULtype=”A” start=5>
- <IMG src=”picture.jpg”size=100>
- <HTML>
<HEAD><TITLE></HEAD></TITLE> <BODY>This is a sample web page</BODY>
Answer:
- UL has only specified types and has no start attribute
- IMG has no size attribute, use height or width attribute
- <HTML>
<HEAD><TITLE></TITLE></HEAD> <BODY>This is a sample web page</BODY> </HTML>
Question 25.
Your brother requested you to prepare a list of best friends, from your class using HTML.
- Which type of list you will prefer?
- Write HTML code to create such a list of 4 students.
Answer:
1. Ordered List<OL> Can be used
2. <HTML>
<HEAD>
<Title>list<Title>
</HEAD>
<BODY>< center><B><U>List of best studentsc/ B></U></Center>
<OL type=1>
<LI> Christeena
<LI>Vijitha
<LI>Archa
<U>Tija
</OL>
</BODY>
</HTML>
Question 26.
Ravi wants to display the name of 6 subjects as a list by using Upper case Roman Numerals. Help him to do so.
Answer:
<OL type= “I”>
<LI>English
<LI> Sanskrit
<LI>Business studies
<LI>Accountancy
<LI>Economics
<LI>Computer Applications
</OL>
Question 27.
Your class selected you as the group leader of Group V. In your group there are 5 students with Roll No. 20 to 24. Prepare a list using appropriate tag in HTML.
Answer:
<html>
<head>
<title>
Ordered list </title>
</head>
<body>
<B><U>Group V</U></B>
<OL start = 20>
<LI>Manisha
<LI>Anisha
<LI>Nisha
<LI>lsha
<LI>Sha
</OL>
</body>
</html>
Question 28.
Write HTML code to get the following output.
Answer:
<html>
<head>
<title>
Unordered list </title>
</head>
<body>
<OL type=”a”> <LI><B>Computer</B> <UL >
<LI>Laptop
<LI>desktop
</UL>
</OL>
</body>
</html>
Question 29.
Write HTML code to get the following table as output.
Answer:
<html>
<head>
<title>
Table
</title>
</head>
<body>
<table border=1> <tr>
<th>Name
<th>Score
</tr>
<tr>
<td>Raju
<td>90
</tr>
<tr>
<td>Reena
<td>84
</tr>
</table>
</body>
</html>
Question 30.
Write the tags to define the following:
- Text Box
- Subnnit Button
- Reset Button
- Radio Button
Answer:
- .<input type=”text” name=”txtname”>
- .<input type=”Submit” value=”Send”>
- .<input type=”Reset” value=”Clear”>
- .<input type=”Radio” name=”Sex” value= “Male”>Male <input type=”Radioi’ name=”Sex’’ value=” Female”>Female
Plus Two Computer Science Web Designing Using HTML Five Mark Questions and Answers
Question 1.
Write an HTML code to create a web page with 3 frames as shown below:
Answer:
Step 1: Take a notepad, type the following and save it as main.html on Desktop.
<html>
<head>
<title>
Main page </title>
</head>
<body bgcolor = “red”>
<center> main page.
</center>
</body>
</html>
Step 2: Take another notepad, type the following and save it as page1.html on Desktop.
<html>
<head>
<title>
pagel
</title>
</head>
<body bgcolor = “yellow”>
<center> page 1 </center>
</body>
</html>
Step 3: Take another notepad, type the following and save it as page 2.html on Desktop.
<html>
<head>
<title> page 2 </title>
</head>
<body bgcolor = “blue”>
<center> page 2 </center>
</body>
</html>
step 4: Take another notepad, type the following and save it as frame.html on Desktop.
<html>
<head>
<title> frame </title>
</head>
<frameset rows = “30%, *”>
<frame src = “main.html ”>
<frameset cols = “50%, *”>
<frame src = “page1.html”>
<frame src= “page2.htmr>
</frameset>
</frameset>
</html>
Step 5. Finally run the frame.html file.
Question 2.
Explain any three attributes of <FORM>tag.
Answer:
1. Action – Here we give the name of program (including the path) stored in the Webserver.
2. Method – There are 2 types of methods get and post.
| Get method | Post method |
| 1. Faster | 1. Slower |
| 2. To send small volume of data | 2. To send large volume of data |
| 3. Less secure | 3. More secure |
| 4. Data visible during submission | 4. Data not visible during submission |
3. Target – Specifies the target window for displaying the result. Values are given below.
- _blank-Opens in a new window
- _self-Opens in the same frame
- _parent – Opens in the parent frameset
- _top-Opens in the main browser window
- name – Opens in the window with the specified name.
Question 3.
Explain the attributes of <Table> tag?
Name any six attributes of <table> tag that determine the general layout of table.
Answer:
- Border: It specifies the thickness of the border lines around the table
- Bordercolor: It specifies the colour for border lines
- Align: It specifies the table alignment, the values can b,e left, right or center
- Bgcolor: It specifies the back ground colour for the table.
- Cellspacing: It specifies the space between two table cells
- Cellpadding: It specifies the space between cell border and content
- Cols: It specifies the number of columns
- Width: It determines the table width
- Frame: It specifies the border lines around the table, values are void, border, box, above, below,…
Question 4.
Explain the attributes of <TH> and <TD>?
Answer:
- Align: It specifies the horizontal alignment of the content, the values can be left, right, center and justify.
- Valign: It specifies the vertical alignment of the content, the values can be top, middle, Bottom, and baseline.
- Bgcolor: It specifies the background colour for the cell.
- Colspan: It is used to span or to stretch a cell over a number of columns. Eg: <TD Colspan=3> spans the cell over three columns
- Rowspan: It is used to span or to stretch a cell over a number of rows. Eg: <TD Rowspan=3> spans the cell over three rows.
Question 5.
Create an HTML page as shown below using lists.
The recipe for preparation
1. The ingredients
•100g flour
• 10g sugar
• 1 cup water
• 2 egg
• Salt and pepper
2. The procedure
A. Mix dry ingredients thoroughly
B. Pour in wet ingradients
C. Mix for 10 mts
D. Bake for 1 hr at 100 degree C temperature <HTML>
Answer:
<HTML>
<HEAD>
<TITLE>
List Demo </TITLE>
</HEAD>
<BODY Bgcolor = “Green”>
The recipe for preparation <OL>
<LI> The ingredients </LI>
<ULtype=”disc”>
<LI> 100 g flour </LI>
<LI> 10 g Sugar </LI>
<LI> 1 cup water </LI>
<LI>2egg </LI>
<LI> Salt and pepper </LI>
</UL>
<LI> The procedure </LI>
<OL TYPE =”A”>
<LI> Mix dry ingredients thoroughly </LI>
<LI> Pour in wet ingredients </LI>
<LI> Mix for 10 mts </LI>
<LI> Bake for 1 hr at 100 degree C temperature </LI>
</OL>
</OL>
</BODY>
</HTML>
Question 6.
Create HTML code for the following output.
1. Flowers
• Jasmine
• Rose
• Lily
2. Vegetables
• Beetroot
• Cabbage
• Cucumber
3. Fruits
i. Apple
ii. Orange
iii. Pineapple
Answer:
<HTML>
<HEAD>
<TITLE>
Nested List </TITLE>
</HEAD>
<BODY Bgcolor = “Blue”> <OL>
<LI> Flowers </LI>
<UL TYPE=”disc”>
<LI> Jasmine </LI>
<LI> Rose </LI> <LI>Lily</LI>
</UL>
<LI> Vegetables </LI>
<ULTYPE=”disc”>
<LI>Beetroot</LI>
<LI>Cabbage</LI>
<LI>Cucumber</LI>
</UL>
<LI> Fruits</LI>
<OL type=T> <LI>Apple</LI> <LI>Orange</LI> <LI>Pineapple</LI>
</OL> </OL>
</BODY>
</HTML>