Advertisements
Advertisements
Question
Write the HTML code to design a Web page as shown below:
Consider the specification given below. Students can write the code for any 4 specifications out of the given 5 specifications.
| Roll No. | Name | Class | Class Average |
| 1 | Amit | 95 | 95.5 |
| 2 | Angel | 96 | |
| Teacher Mr. Hamid | |||
Specifications-1: Use CSS to set the following for the entire body:
- The text color of the entire page is Tomato.
- The background color of the entire page is Light blue.
- Font-family as Helvetica.
Specifications-2: The value of the table border attribute should be 1.
Table header tags should be used wherever required.
Specifications-3: The table should exactly contain 4 rows and 4 columns.
The data in each cell should be as shown in the above table.
Specifications-4: Attribute rowspan should be used wherever required.
Specifications-5: Attribute colspan should be used wherever required.
Solution
<HTML>
<HEAD>
<STYLE>
body {background-color : lightblue;
color: Tomato;
font-family :helvetica;}
</STYLE>
</HEAD>
<BODY>
<TABLE border="l">
<TR>
<TH> Roll No. </TH>
<TH> Name</TH>
<TH>Marks</TH>
<TH> Class Average</TH>
</TR>
<TR valign ="Middle">
<TD>l</TD>
<TD>Amit</TD>
<TD>95</TD>
<TD rowspan="3">95.5</TD>
</TR>
<TR>
<TD>2</TD>
<TD> Angel </TD>
<TD>96</TD>
</TR>
<TR>
<TD colspan="3">Teacher Mr.Hamid</TD>
</TR>
</TABLE>
</BODY>
<HTML> APPEARS IN
RELATED QUESTIONS
Write the HTML code to design the web page as shown below, considering the specifications that follow. You can write the code for any 4 specifications out of the given 5 specifications.
Specification-1: The HTML code structure should be proper. Heading ‘List of states and their popular cities ‘ should be the second level of heading at the center of the page and the Background color of the page should be yellow.
Specification-2: JPG Image named “NATION” should be placed.
Specification-3: The page should consist of a nested list and the data as exactly given in the question. The outer list should be numbered list.
Specification-4: The inner list as given should be symbol based
Specification-5: feedback should be the email link [email protected]
Write the HTML code to design the web page as shown below, considering the specifications that follow. You can write code for any 4 specifications out of the given 5 specifications:
Specification-1: Title of the web page is "Motivational Books" and the heading of level -1 at the middle of the web page is "Indian Motivational Books".
Specification-2: The caption of the table is "Popular Books in India"
Specification-3: The tabular data of 4 rows and 2 columns is with border size as 2.
Specification-4: The content "R.K.Narayan" is Bold, Italics and Underline.
Specification-5: The image “fdbk.jpg” at the end will give feedback on the email [email protected].
How is CSS beneficial for web page development? Give any two points.
