0% found this document useful (0 votes)
32 views14 pages

12th HTML Pract 16

The document contains HTML code examples for creating simple web pages on various topics related to a college profile, student results, refreshment lists, and course information. Each example includes elements such as titles, tables, lists, and images, with specific formatting and styles. The pages are designed to be visually appealing with appropriate background colors and hyperlinks to navigate between them.

Uploaded by

sagamingseptoct
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
32 views14 pages

12th HTML Pract 16

The document contains HTML code examples for creating simple web pages on various topics related to a college profile, student results, refreshment lists, and course information. Each example includes elements such as titles, tables, lists, and images, with specific formatting and styles. The pages are designed to be visually appealing with appropriate background colors and hyperlinks to navigate between them.

Uploaded by

sagamingseptoct
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

1) Create a simple HTML page of the following topics : College profile, information about computer

course. The page must consist of at least 1 paragraphs of text. The page must have an appropriate title,
background color or background image, and any image at the center. The paragraph must have text
consisting of different color and styles in terms of alignment and font size.

<HTML>
<HEAD>
<TITLE>COLLEGE_PROFILE</TITLE>
</HEAAD>
<BODY BGCOLOR="YELLOW">
<CENTER><U><b><FONT SIZE="30" FACE="ALGERIAN" COLOR="BLUE">MAHATMA PHULE JR.
COLLEGE</FONT></b></U></CENTER>
<CENTER>PAREL, MUMBAI-40012.</CENTER>
<BR>
<HR>
<CENTER><U><FONT SIZE="15" COLOR="RED"><b>Department:- Computer Science /
Electronics</b></FONT></U></CENTER>
<BR>
<FONT SIZE="15"><B>Course Duration:- 2-Years.</B></FONT>
<br><br>
<U><FONT SIZE="10" COLOR="RED"><B>Comp. Sci.</B></FONT></U>
<br>
<big><b>*Paper-I = Software
<br>
*Paper-II= Hardware
<br><BR>
*Theory = 100 marks
<br>
*Practical = 100 marks</b></big>
<center><IMG height="200" width="300" SRC="E:\Wall papers\[Link]"></center>
</BODY>
</HTML>
1ST PRACT OUTPUT
2) Create a simple HTML page of the following topics : Student result, create a table at centre with
maximum five columns and eight rows .The page must have an appropriate title. Table should be
design with colspan and rowspan. Table consist of following contents Such as subjects names, marks,
total marks and percentage.

<HTML>
<HEAD>
<TITLE>MARKSHEET</TITLE>
</HEAD>
<BODY>
<CENTER><b><u><font color="BLUE" size="20">STUDENT RESULT</font></u></b></Center>
<br>
<hr>
<br>
<center>
<big><b>STD :XII / DIV:Comp. Sci.
<br><br>
Student Roll No.= 25</b></big>
<br><br>
<table border="1" CELLPADDING="5">

<tr>
<th colspan="5"><U>MARKSHEET</U></th>
</tr>

<tr>
<th>SUBJECT</th>
<th>MAX<BR>MARKS</th>
<th>THEORY</th>
<th>PRACT</th>
<th>OBTAINED<BR>MARKS</th>
</tr>

<tr>
<td>Physics</td>
<td>100</td>
<td>50</td>
<td>20</td>
<td>70</td>
</tr>

<tr>
<td>Chemistry</td>
<td>100</td>
<td>60</td>
<td>24</td>
<td>84</td>
</tr>
<tr>
<td>Maths</td>
<td>100</td>
<td>50</td>
<td>14</td>
<td>64</td>
</tr>

<tr>
<td>Comp. Sci.</td>
<td>200</td>
<td>90</td>
<td>70</td>
<td>160</td>
</tr>

<tr>
<td>English</td>
<td>100</td>
<td>65</td>
<td>15</td>
<td>85</td>
</tr>

<tr>
<td><b>TOTAL</b></td>
<td>600</td>
<td colspan="2">463</td>
</tr>

<tr>
<td><b>PERCENTAGE</b></td>
<TD>77.16 %</TD>
</tr>

</table>
<BR>
<HR>

</BODY>
</HTML>
2ND PRACT OUTPUT
3) Create a simple HTML page of the following topics : Create a list with combination of order and
unorder list with refreshments beverages. Program should define the the type attributes with order and
unorder list as a circle and square.

<HTML>
<HEAD>
<TITLE>Refreshment</TITLE>
</HEAD>
<BODY bgcolor="yellow">
<center><h1><u>Refreshment list</u></h1></center>
<br><br>

<ol>
<li>Milk</li>

<li>Coffee
<ul type="circle">
<li>cold coffee</li>
<li>Hot coffee</li>
</ul>
</li>

<li>Tea
<ul type="circle">
<li>Black tea</li>
<li>Green tea
<ul type="square">
<li>China</li>
<li>Africa</li>
</ul>
</li>
</ul>
</li>

<li>Water
<ul type ="circle">
<li>Mineral</li>
<li>Regular</li>
</ul>
</li>
</ol>

</BODY>
</HTML>
3rd Pract output
4) Create a simple HTML page of the following topics : Home page consist of, computer science subject
information such as software and hardware And their marks. The page must have an appropriate title,
background color and hyperlinks to other pages. Info page consist of a table at centre with maximum 2
columns and 8 rows. Table should be design with colspan. Table consist of following contents Such as
software & hardware topics

<HTML>
<HEAD>
<TITLE>COLLEGE-COURSE</TITLE>
</HEAD>
<BODY BGCOLOR="yellow">
<CENTER><b><U><FONT size="25" color="blue" face="algerian">MAHATMA PHULE JR.
COLLEGE</font></b></U></CENTER>
<br>
<hr>
<br>
<u><b><font size="5">COMPUTER SCIENCE</font></b></u>
<BR>
<BR>
<font size="5">PAPER-I :- SOFTWARE</font>
<BR>
<BR>
<font size="5">PAPER-II :- HARDWARE</font>
<BR>
<BR>
<font size="5">TOTAL MARKS :- 200-marks</font>
<BR>
<br>
<br>
<BR>
<A HREF="D:\[Link]"><b><font size="5">TOPICS</font></b></A>
</BODY>
</HTML>
4th Pract OUTPUT :
4TH PRACT – LINK PAGE
<HTML>
<HEAD>
<TITLE>CS-INFO</TITLE>
</HEAD>
<BODY>
<CENTER><b><U><FONT size="20" face="algerian">INFORMATION TABLE</font></b></U></CENTER>
<br>
<hr>
<BR>
<CENTER>
<TABLE BORDER="1">
<TR>
<TH COLSPAN="2">XII / COMPUTER SCIENCE</TH>
</TR>

<TR>
<TH>SOFTWARE</TH>
<TH>HARDWARE</TH>
</TR>

<TR>
<TH COLSPAN="2">TOPICS</TH>
</TR>

<TR>
<TD>Operating System</TD>
<TD>Inttroduction to Microprocessor</TD>
</TR>

<TR>
<TD>Data Structure</TD>
<TD>Instruction Set & Programming</TD>
</TR>

<TR>
<TD>C++</TD>
<TD>X-86 Family</TD>
</TR>

<TR>
<TD>HTML</TD>
<TD>Microcontroller</TD>
</TR>

<TR>
<TD> </TD>
<TD>Networking Technology</TD>
</TR>
</TABLE>
</CENTER>
<br>
<br>
<BR>
<center><A HREF="D:\[Link]"><b><font size="5">HOME-PAGE</font></b></A></center>

</BODY>
</HTML>

4TH Pract Link page OUTPUT :


1ST PRACT OUTPUT

2ND PRACT OUTPUT


3rd Pract output
4th Pract OUTPUT :

4TH Pract Link page OUTPUT

You might also like