0% found this document useful (0 votes)
4 views

Wa0003.

Uploaded by

w7g45wn7k7
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)
4 views

Wa0003.

Uploaded by

w7g45wn7k7
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
You are on page 1/ 16

HTML 5.

0 PROGRAMS (PHYSICAL TAGS & TABLES)

1. PROGRAM -1 PHYSICAL TAGS

This text is bold

This text is italic

This text is marked

This is subscript and superscript

This text is inserted to the document


This text is deleted from the document
This text is deleted from the document
<! DOCTYPE html> <html><head>
<title>Example of HTML5 text formatting tags</title>
</head><body BGCOLOR="BLACK" TEXT="#FFD700">
<b>This text is bold</b><br><br>
<i>This text is italic</i><br><br>
<u>This text is underline </u><br><br>
<mark>This text is marked</mark><br><br> This is <sub>subscript</sub> and
<sup>superscript </sup><br><br>
Caco<sub>3</sub>----> Cao +Co<sub>2</sub><br><br>
(a+b) <sup>2</sup>=a<sup>2</sup>+2ab+b<sup>2</sup><br><br>
<ins>This text is inserted to the document</ins><br><br>
<del>This text is deleted from the document</del><br><br> </body> </html>

2. PROGRAM -2 HEADINGS

Heading level 1 Text is largest in size


Heading level 2
Heading level 3

Heading level 4
Heading level 5

Heading level 6 Text is smallest in size

<! DOCTYPE html> <html> <head>


<title>Heading levels</title> </head>
<body bgcolor=skyblue>
<H1>Heading level 1 Text is largest in size</H1>
<H2>Heading level 2 </H2>
<H3>Heading level 3</H3>
<H4>Heading level 4</H4>
<H5>Heading level 5</H5>
<H6>Heading level 6 Text is smallest in size</H6> </body></html>

3. PROGRAM -3 ORDER LIST

List of Topics

1. Basics of IT
2. HTML 5
3. PostgreSQL

List of Topics start with series 50

50. Basics of IT
51. HTML 5
52. PostgreSQL

<! DOCTYPE html> <html><body> <h3>List of Topics</h3> <ol>

<li>Basics of IT</li><li>HTML 5</li><li>PostgreSQL</li>

</ol><h3>List of Topics start with series 50</h3>

<ol start="50"><li>Basics of IT</li><li>HTML 5</li><li>PostgreSQL</li>

</ol></body></html>

4. PROGRAMS – 4 ORDER LIST

List of Topics in reverse sequence

1. Basics of IT
2. HTML 5
3. PostgreSQL

<! DOCTYPE html><html><body>

<h3>List of Topics in reverse sequence</h3> <ol reversed>

<li>Basics of IT</li><li>HTML 5</li><li>PostgreSQL</li></ol></body></html>

5. PROGRAM 5 UNORDERED LIST


HTML Unordered List

● Basics of IT

● HTML 5

● PostgreSQL
<! DOCTYPE html> <html><head><title>Example of HTML Unordered List
</title></head><body><h3>HTML Unordered List</h3>

<ul><li>Basics of IT</li><li>HTML 5</li>

<li>PostgreSQL</li></ul></body></html>

6. PROGRAM 6 SINGLE LEVEL NESTED LIST

HTML SINGLE LEVEL Nested List

1. Introduction to IT
2. Introduction to DBMS
o Definition of DBMS
o applications of DBMS
o Advantages of DBMS
3. PostgreSQL

<! DOCTYPE html> <html ><head><title>Example of HTML nested list</title>

</head><body><h3>HTML Nested List</h3> <ol>

<li>Introduction to IT</li><li>Introduction to DBMS</li>

<ul type =” Circle"><li>Definition of DBMS</li>

<li>applications of DBMS</li><li>Advantages of DBMS</li>

</ul><li>PostgreSQL</li></ol></body></html>

7. PROGRAM 7 MULTIPLE LEVEL NESTED LIST

Multi-level list Nested List

● Daily computing
● Web design
1. html 5
2. hyperlink
3. Inserting Images
● Javascript

o conditional structure
▪ If statement
▪ If else statement
▪ case statement
o loop statement
<! DOCTYPE html><html ><head><title>nested list</title>

</head><body><h3> Multi-level list Nested List</h3> <ul>

<li>Daily computing</li> <li>Web design</li> <ol>

<li>html 5</li><li>hyperlink</li><li>Inserting Images</li>

</ol><li>Javascript</li><ul style="list-style-type: circle">

<li>conditional structure</li><ul style="list-style-type: square">

<li>If statement</li> <li>If else statement</li> <li>case statement</li> </ul>

<li>loop statement</li></ul></ul></body></html>

DEFINITION LIST

<! DOCTYPE HTML>

<HTML>

<HEAD>

<TITLE>DEFINITION LIST</TITLE>

</HEAD>

<BODY>

<H3>EXAMPLE OF HTML DEFINITION LIST</H3>

<DL>

<DT><B>WEB</B></DT>

<DD>THE PART OF THE WEBPAGE THAT CONTAINS WEBSITES OR


WEBPAGES</DD>

<DT><B>HTML</B></DT>

<DD> A MARKUP LANGUAGE FOR CREATING WEBPAGES </dd>

<dt><b>CSS</B></DT>

<DD>A TECHNOLOGY TO MAKWE HTML LOOK BETTER</dd>


<DT><B>HEADER</B></DT>

<DD>DEFINES A HEADER FOR A DOCUMENT OR A SECTION</DD>

<DT><B>NAV</B></DT>

<DD>DEFINES A CONTAINER FOR NAVIGATION LINKS</DD>

<DT><B>SECTION</B></DT>

<DD>DEFINES A SECTION IN A DOCUMENT</DD>

<DT><B>ARTICLE</B></DD>

<DD>DEFINES AN INDEPENDENT SELF CONTAINED ARTICLE</DD>

<DT><B>ASIDE</B></DT>

<DD>DEFINES CONTENT APART FROM CONTENT LIKE A SIDEBAR</DD>

<DT><B>FOOTER</B></DT>

<DD>DEFINES A FOOTER FOR A DOCUMENT OR A SECTION</DD>

<DT><B>DETAILS</B></DT>

<DD>DEFINES ADDITIONAL DETAILS</DD>

</DL></BODY></HTML>

8. PROGRAM 8 TABLE 1

Sr. Input Output


No. Device Device
1 Keyboard Monitor
2 Mouse Printer
3 Joystick Plotter

<! DOCTYPE html>


<html> <head> <title>Table with 4 rows and 3 columns </title> </head>
<body> <table border="2"> <tr><th>Sr. No.</th> <th>Input Device</th>
<th>Output Device</th> </tr> <tr> <td>1</td> <td>Keyboard</td>
<td>Monitor</td> </tr> <tr> <td>2</td> <td>Mouse</td><td>Printer</td> </tr>
<tr> <td>3</td> <td>Joystick</td> <td>Plotter</td> </tr>
</table> </body> </html>

9. PROGRAM 9 TABLE 2
Red
Colors
Green

<! DOCTYPE html>


<html> <head><title> Table with rowspan attribute </title></head>
<body> <table border="3"> <tr><td rowspan=2> Colors </td>
<td bgcolor=red>Red</td></tr><tr> <td bgcolor=green>Green</td></tr>
</table> </body> </html>

10. PROGRAM 10. TABLE 3


Colors
Red Green

<! DOCTYPE html>


<html> <head><title> Table </title></head> <body>
<table border ="3"> <tr><td colspan="2" align="center"> Colors </td></tr>
<tr><td bgcolor=red>Red</td> <td bgcolor=green>Green</td>
</tr> </table> </body></html>

11. PROGRAM 11 ORDER LIST

1.Coffee
2.Milk
3.Tea
<! DOCTYPE html> <html><head> <title> List </title> </head><body><ol>
<li> Coffee</li> <li> Milk</li>
<li> Tea</li></ol></body></html>

12. PROGRAM 12 TABLE 4

Sachin 109*
India
301/2 Kartik 53

Pak 320
Over
38.2 Akhtar 6.2 - 0 -
40
To win:2 run in 11.4 over
<!DOCTYPE html> <html><head><title>Table</title></head><body><table
align="center" width="40%"><tr align="center"><td rowspan="2" bgcolor="blue"
width="100"><h1>India 301/2</h1></td><td bgcolor="orange"><font size="+2">Sachin
109*</font></td><tr align="center"><td bgcolor="orange"><font size="+2">Kartik
53</font></td><tr align="center"><td rowspan="2" bgcolor="blue"><font
size="+2">Over 38.2</font></td> <td bgcolor="green"><font size="+2">Pak
320</font></td><tr align="center"><td bgcolor="green"><font size="+2">Akhtar 6.2-0-
40</font></td><tr align="center"><td colspan="2" bgcolor="blue"><font size="+1">To
win:2 run in 11.4 over</font></td></table></body></html>

13. PROGRAM 13 TABLE 5

First Last
Email
Name Name
Alejandro Gervasio [email protected]
John Doe [email protected]
Susan Norton [email protected]
Marian Wilson [email protected]
Mary Smith [email protected]
Amanda Bears [email protected]

<! DOCTYPE html> <HTML><HEAD><TITLE>TABLE</TITLE></HEAD><BODY><TABLE ALIGN="CENTER"


BORDER="3" WIDTH="40%" BORDERCOLOR="RED" CELLPADDING="10" CELLSPACING="0">
<TR ALIGN="CENTER" BGCOLOR="BLUE"><TH>First Name</TH><TH>Last Name</TH> <TH>Email</TH></TR>
<TR ALIGN="CENTER"><TD>Alejandro</TD><TD>Gervasio</TD><TD>[email protected]</TD></TR>
<TR ALIGN="CENTER"><TD>John</TD><TD>Doe</TD><TD>[email protected] </TD></TR>
<TR ALIGN="CENTER"><TD>Susan</TD><TD>Norton</TD><TD>[email protected]</TD></TR>
<TR ALIGN="CENTER"><TD>Marian</TD><TD>Wilson</TD><TD>[email protected]</TD></TR>
<TR ALIGN="CENTER"><TD>Mary</TD><TD>Smith</TD><TD>[email protected]</TD></TR>
<TR ALIGN="CENTER"><TD>Amanda</TD><TD>Bears</TD><TD>[email protected]</TD>
</TR></TABLE></BODY></HTML>

14. PROGRAM 14 TABLE 5

CH4 + = CO2 + 2H2


2O2 O
Carbo
n Wat
Methane Oxygen
dioxid er
e

<! DOCTYPE html> <HTML><HEAD><TITLE>TABLE</TITLE></HEAD><BODY>


<TABLE BGCOLOR="CYAN" ALIGN="CENTER"><TR ALIGN=CENTER>
<TH>CH<SUB>4</SUB><TH>+<TH>2O<SUB>2</SUB><TH>=<TH>CO<SUB>2</SUB>
<TH>+<TH>2H<SUB>2</SUB>O</TR><TR><TD>Methane<TD>&nbsp;<TD>Oxygen
<TD>&nbsp;<TD>Carbon<BR> dioxide<TD>&nbsp;<TD>Water</TR></TABLE></BODY></HTML>
15. PROGRAM 15 TABLE 6
Browse by Category

▪ Windows ▪ Office ▪ Developers

▪ IT Professionals ▪ Business Users ▪ Home Users

▪ Hardware ▪ Games and Xbox ▪ Trail Software

▪ All products

<! DOCTYPE html> <html><head><title>New Page</title></head><body><font color=red size=+1>Browse by


Category</font><table style="border-top-style: solid; border-color: green"><tr><td><ul type="square"><li>
< ahref="http://Microsoft.com">Windows</a></ul><td><ultype="square"><li><ahref="http://Office.htm" >
Office</a></ul><td><ul type="square"><li><a href="http://develop.htm">Developers</a></ul><tr><td><ul
type="square"><li><ahref="it.html">ITProfessionals</a></ul><td><ultype="square"><li><a
href="business.htm">Business Users</a></ul><td><ul type="square"><li><a href="home.htm">Home
Users</a></ul><tr><td><ultype="square"><li><ahref="hardware.htm">Hardware</a></ul><td><ul
type="square"><li><a Href="games.htm">Games and Xbox</a></ul><td><ul type="square"><li><a
href="trail.htm">Trail Software</a></ul><tr><td><ul type="square"><li><a href="product.htm">All
products</a></ul><td>&nbsp;<td>&nbsp;</table></body></html>

16. PROGRAM 16 TABLE 7

STATE POPULATION

1981 ---
MAHARASHTRA
2001 ---

1981 ---

1991 ---

KARNATAKA
2001 ---
KERALA

<! DOCTYPE html> <HTML><BODY><CENTER><TABLE


WIDTH="50%"BORDER="1"CELLPADDING="2"CELLSPACING="2">
<TR><TD>STATE</TD><TD>POPULATION</TD></TR><TR><TD>MAHARASHTRA</TD><TD><TABLE
BORDER="1" CELLPADDING="2"CELLSPACING="1"><TR><TD>1981</TD><TD>---
</TD></TR><TR><TD>2001</TD><TD>---
</TD></TR></TABLE></TD></TR><TR><TD>KARNATAKA</TD><TD><TABLE
BORDER="1"CELLPADDING="2"CELLSPACING="1">
<TR><TD>198`1</TD><TD>---</TD></TR><TR><TD>1991</TD><TD>---
</TD></TR><TR><TD>2001</TD><TD>---
</TD></TR><TABLE></TD></TR><TR><TD>KERALA</TD></TABLE></BODY></HTML>

17. PROGRAM 17 TABLE 8

13TH MARCH 2013

15 LAST MIN READ


9A.M

45 MOVE FROM HOUSE

20 OUTSIDE LAB
10A.M
40 REPORT FOR EXAM

<! DOCTYPE html> <HTML><HEAD><TITLE> TABLE </TITLE></HEAD><BODY bgcolor=orange red><TABLE


BORDER="2” >
<TR><TH colspan="3"> 13<sup>TH</sup> MARCH 2013</TH></TR><TR><TD ROWSPAN="2">
9<SUB>A.M</SUB></TD><TD> 15 </TD><TD> LAST MIN READ </TD></TR><TR><TD> 45 </TD><TD> MOVE
FROM HOUSE </TD></TR><TR><TD ROWSPAN="2"> 10<SUB>A.M</SUB></TD><TD COLSPAN="1"> 20
</TD><TD> OUTSIDE LAB </TD></TR><tr><TD COLSPAN="1"> 40 </TD><TD> REPORT FOR EXAM
</TD></TR></TABLE></BODY></HTML>

18. PROGRAM 18 TABLE 8

Tuesday

March

14
2006

Prev.day Next day

<! DOCTYPE html> <html><body><table bgcolor="white" border=2 align=center


width=200><tr align=center><td colspan=2>Tuesday<tralign=center><td>March<td rowspan=2>
<fontsize=+7>14</font><tralign=center><td>2006<tralign=center><td>
<a href="prev.htm">Prev.day</a><td><a href="next.htm">Next day</a></table></body></html>

19. PROGRAM 19 SUPER SCRIPT


(a + b)2 = a 2 + b 2 +2ab
<! DOCTYPE html> <html><head><title> Yahoo.com </title></head><body><h1> (a + b)<SUP>2</SUP> = a
<SUP>2</SUP> + b <SUP>2</SUP> +2ab </h1></body></html>

20. PROGRAM 20 TABLE 9

Sun Mon Tue Wed Thu Fri Sat

1 2 3 4

5 6 7 8 9 10 11

12 13 14 15 16 17 18

19 20 21 22 23 24 25

26 27 28 29 30 31

<! DOCTYPE html> <html><head><title>calendar Output</title><body bgcolor="teal"


text="pink"><center><table align=center width=250><tr><th>Sun <th>Mon <th>Tue <th>Wed <th>Thu <th>Fri
<th>Sat <tr><td>&nbsp; <td>&nbsp; <td>&nbsp; <td>1 <td>2 <td>3 <td>4 <tr><td style=color:purple>5 <td>6
<td>7 <td>8 <td>9 <td>10 <td>11
<tr><td style=color:purple>12 <td>13 <td>14 <td>15 <td>16 <td>17 <td>18 <tr><td style=color:purple>19
<td>20 <td>21 <td>22 <td>23 <td>24 <td>25 <tr><td style=color:purple>26 <td>27 <td>28 <td>29 <td>30 <td>31
<td>&nbsp; </table></form></body></html>

21. PROGRAM 21 SUPERSCRIPT

X2 + 4x + 4 = (X + 2)2

<! DOCTYPE html> <html><head><title>Example 1</title></head><body><h1>X<sup>2</sup> + 4x + 4 = (X +


2)<sup>2</sup></h1></body></html>

22. PROGRAM 22 SUB SCRIPT

N2 + H2 => NH3

<html><head><title>Example 2</title></head><body><h1>N<sub>2</sub> + H<sub>2</sub> =>


NH<sub>3</sub></h1></body></html>

13. PROGRAM 23 HYPER LINK

Click the link www.yahoo.com

<! DOCTYPE html> <html><head><title>Yahoo.com website</title></head><body><h1>Click the link <a


href="http://www.yahoo.com"> www.yahoo.com</a></h1></body></html>

24. PROGRAM 24 TABLE 10


Marks
Roll
No I S O
T P C
204 8 9 6
7 6 7
205 8 9 6
7 5 7
206 8 9 5
9 3 5

<! DOCTYPE html> <html><head><title> Table </title></head><body><center><table


border="10"><tr><throwspan="2"> Roll
No</th><thcolspan="3"> Marks <th></tr><tr><th>IT </th><th> SP </th><th> OC </th></tr><tr><td> 204
</td><td> 87 </td><td> 96 </td><td> 67 </td></tr><tr><td> 205 </td><td> 87 </td><td> 95 </td><td> 67
</td></tr><tr><td> 206 </td><td> 89 </td><td> 93 </td><td> 55
</td></tr></center></table></body></html>

25. PROGRAM 25 TABLE 11

SB Textiles
Name: ARJUN DIXIT Order
no.
Phone no.: 98765 43210 1726
QTY Particulars Rs. Ps.
1 Dress 30 --
0
2 Saree 20 50
0
Total 50 50
0

<! DOCTYPE html> <HTML><HEAD><TITLE>SB TEXTILE</TITLE></HEAD><BODY><TABLE


border=1><TBODY><TR><TH align=left bgColor=blue colSpan=4>SB Textiles </TR><TR><TD vAlign=top
colspan=3>Name: ARJUN DIXIT <TD vAlign=top align=right bgColor=pink>Order no. </TD><TR><TD vAlign=bottom
align=right colspan=3>Phone no.: 98765 43210 <TD vAlign=bottom align=middle>1726 </TD><TR><TH>QTY
<TH>Particulars <TH>Rs. <TH>Ps. </TR><TR><TD align=right>1 <TD align=middle>Dress<TD vAlign=top
align=middle>300 <TD align=middle>- - </TD><TR><TD align=right>2 <TD align=middle>Saree<TD vAlign=top
align=middle>200 <TD align=middle>50 </TD><TR><TD><BR><TD align=center>Total<TD align=right>500<TD
align=middle>50 </TD></TR></TBODY></TABLE></BODY></HTML>

26. PROGRAM 26 TABLE 12

Model Power Consumed


Power Supply
Name Cooking Warming
Smart 230 vac 450W 45W
<! DOCTYPE html> <html><head><title>table test</title></head><body text="maroon"title="good
morning"><table border="5"><u><tr><throwspan="2">Model Name<throwspan="2">Power
Supply<th colspan="2"><u>Power Consumed</u></tr><tr><td>Cooking<td>
Warming</u></tr></u><tr><td >Smart<td>230 vac<td>450W<td>45W</tr></table></body></html>

27. PROGRAM 25 TABLE 13

Mark
Sr.No Name Total
Test 1 Test 2 Test 3

1 A 10 10 10 30

2 B 20 20 20 60

3 C 30 30 30 90

<!DOCTYPE html> <html><body><center><table border="5"><tr><th rowspan="2">Sr.No</th><th


rowspan="2">Name</th> <thcolspan="3">Mark</th><throwspan="2">Total</th></tr><tr><td>Test 1</td><td>Test
2</td><td>Test 3<
/td></tr><tr><td>1</td><td>A</td><td>10</td><td>10</td><td>10</td><td>30</td></tr><tr><td>2</td ><
td>B</td><td>20</td><td>20</td><td>20</td><td>60</td></tr><tr><td>3</td><td>C</td><td>30</td ><
td>30</td><td>30</td><td>90</td></tr></table></body></html>

28. PROGRAM 25 TABLE 14

Celebrities in Collection:
Last Name First Name

Smith John

Smithson Jane

Swedenborg Emmanuel

<! DOCTYPE html>


<HTML><HEAD><TITLE>TABLE WITH CAPTION</TITLE></HEAD>
<BODY><FONT SIZE=5>Celebrities in Collection:<BR><BR>
<TABLE WIDTH=30% BORDER=1 CELLSPACING=1 CELLPADDING=4>
<TR><TH ALIGN=CENTER>Last Name<TH ALIGN=CENTER>First Name
</TR><TR><TD><U>Smith</U><TD>John</TR><TR><TD><U>Smithson</U>
< TD>Jane</TR><TR><TD><U>Swedenborg</U><TD>Emmanuel</TR>
</TABLE></BODY></HTML>
29. PROGRAM 29 TABLE 15

First Name Last Name


Keith Richards

Mick Jagger

Bill Wyman

Ron Wood

Charlie Watts

Mick Taylor

Brian Jones

<! DOCTYPE html> <HTML><HEAD><TITLE>TABLE</TITLE></HEAD><BODY>


<TABLE BORDER=5 CELLSPACING=2 CELLPADDING=3><TR BGCOLOR=BLUE>
<TH ALIGN=CENTER HEIGHT=20><FONT SIZE=4 COLOR=WHITE>First Name
<TH ALIGN=CENTER HEIGHT=20><FONT SIZE=4 COLOR=WHITE>Last Name
</TR><TR BGCOLOR=YELLOW><TD>Keith<TD>Richards</TR><TR BGCOLOR=ORANGE>
<TD>Mick<TD>Jagger</TR><TR BGCOLOR=YELLOW><TD>Bill<TD>Wyman
</TR><TR BGCOLOR=ORANGE><TD>Ron<TD>Wood</TR><TR BGCOLOR=YELLOW>
<TD>Charlie<TD>Watts</TR><TR BGCOLOR=ORANGE><TD>Mick<TD>Taylor</TR>
<TR BGCOLOR=YELLOW><TD>Brian<TD>Jones</TR></TABLE></BODY></HTML>

30. PROGRAM TABLE 16

CSS3 Browser Support(latest browser version)

CSS Property Internet Explorer Firefox Chrome Safari Opera

Border Radius YES YES YES YES YES

Box Shadow YES YES YES YES YES

CSS Animations NO NO YES YES NO

<! DOCTYPE html> <HTML><HEAD><TITLE>Assignment 1.5</TITLE></HEAD><BODY>


<TABLE CELLSPACING=1 CELLPADDING=7 BORDER=1><TD>
<TABLE CELLSPACING=1 CELLPADDING=7 BORDER=1>
<CAPTION>CSS3 Browser Support (latest browser version)
<TR><TH>CSS Property</TH><TH>Internet Explorer</TH><TH>Firefox</TH><TH>Chrome</TH>
<TH>Safari</TH><TH>Opera</TH></TR><TR><TD>Border Radius</TD>
<TD ALIGN=CENTER>YES</TD><TD ALIGN=CENTER>YES</TD>
<TDALIGN=CENTER>YES</TD><TD ALIGN=CENTER>YES</TD>
<TDALIGN=CENTER>YES</TR><TR><TD>Box Shadow</TD>
<TD ALIGN=CENTER>YES<TD ALIGN=CENTER>YES<TD ALIGN=CENTER>YES</TD>
<TD ALIGN=CENTER>YES<TD ALIGN=CENTER>YES</TR><TR>
<TD>CSS Animations</TD><TD ALIGN=CENTER>NO</TD><TD ALIGN=CENTER>NO
<TD ALIGN=CENTER>YES</TD><TD ALIGN=CENTER>YES</TD>
<TD ALIGN=CENTER>NO</TD></TR></TABLE></TD></TABLE></BODY></HTML>

31. PROGRAM TABLE 17

Name Year Country

purush 1988 India

Dave 1988 United States

Jane 1989 Canada

Matthew 1999 Japan

Jane 1989 Canada

<! DOCTYPE html> <HTML><HEAD><TITLE>TABLE</TITLE></HEAD><BODY><CENTER>


<TABLE BGCOLOR="PINK" BORDER=1 BORDERCOLOR=BLACK CELLPADDING=10
CELLSPACING=0><TR><TH><B>Name</B> <TH><B>Year</B><TH><B>Country</B>

</TR><TR><TD>purush<TD>1988<TD>India</TR><TR><TD>Dave

<TD>1988<TD>United States</TR><TR><TD>Jane<TD>1989<TD>Canada

</TR><TR><TD>Matthew<TD>1999<TD>Japan</TR><TR><TD>Jane<TD>1989<TD>Canada

</TR></CENTER></TABLE></BODY></HTML>

32. PROGRAM 32 TABLE 18

February March April


Su Mo Tu We Th Fr Sa
27 28 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 1 2
<! DOCTYPE html> <HTML><HEAD><TITLE></TITLE></HEAD><BODY><TABLE WIDTH=40%> <TR
BGCOLOR=BLUE><TD ALIGN=CENTER
COLSPAN=2><FONT COLOR=WHITE><U>February</U></FONT><TD ALIGN=CENTER COLSPAN=3><FONT
COLOR=WHITE><B>March</B></FONT><TD ALIGN=CENTER COLSPAN=2><FONT
COLOR=WHITE><U>April</U></FONT></TR><TR ALIGN=CENTER BGCOLOR=YELLOW>

<TD>Su<TD>Mo<TD>Tu<TD>We<TD>Th<TD>Fr<TD>Sa</TR><TR ALIGN=CENTER>

<TD><FONT COLOR=ORANGE><U>27</U></FONT><TD><FONT
COLOR=ORANGE><U>28</U></FONT><TD><U>1</U><TD><U>2</U><TD><U>3</U>

<TD><U>4</U><TD BGCOLOR=YELLOW><U>5</U></TR><TR ALIGN=CENTER>

<TD><U>6</U><TD><U>7</U><TD><U>8</U><TD><U>9</U><TD><U>10</U>

<TD><U>11</U><TD><U>12</U></TR><TR ALIGN=CENTER><TD><U>13</U>

<TD><U>14</U><TD><U>15</U><TD><U>16</U><TD><U>17</U><TD><U>18</U>

<TD><U>19</U></TR><TR ALIGN=CENTER><TD><U>20</U><TD><U>21</U>

<TD><U>22</U><TD><U>23</U><TD><U>24</U><TD><U>25</U><TD><U>26</U>

</TR><TR ALIGN=CENTER><TD><U>27</U><TD><U>28</U><TD><U>29</U>

<TD><U>30</U><TD><U>31</U><TD><FONT COLOR=ORANGE><U>1</U></FONT>

<TD><FONT COLOR=ORANGE><U>2</U></FONT></TR></TABLE></BODY></HTML>

33. PROGRAM 33 TABLE 19

a
b c
d e f
g h i
j
<! DOCTYPE html> <html><head><title> 1 </title></head><body><table border="1" height="300"
width="250"cellpadding="20"><tr><td><center>a</center></td></tr><tr><td><center><pre>b
c</center></td></tr><tr><td><center><pre>d e f</center></td></tr><tr><td><center><pre>g h
i j</center></td></tr></table></body><html>

34. PROGRAM 35 TABLE 20

place A B
1 2 3
4 5 6
Chennai C
7 8 9
Mumbai D E

<! DOCTYPE html> <html><head><title> 4 </title></head><body bgcolor="lavender"><table border="1"


height="200" width="300"><tr><td>place</td><td>A</td><td>B</td></tr><tr><td>Chennai</td><td><table
border="1"><tr><td>1</td>
<td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr><tr><td>7</td><td>8</td><td>9</td></tr></
tabl e></td><td>C</td></tr><tr><td>Mumbai</td><td>D</td><td>E</td></tr></table></body></html>

35. PROGRAM 35

1001. (a+b) 2=a2+b2+2ab

1002. This is my book

1003. H2o=water

1004. C2H6=Ethane

1005. This is my Pen

<html><head><title> 5 </title></head><body bgcolor="lavender">

<p> 1001. (a+b)<Sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab </p><br><br><br>

<p>&nbsp;&nbsp;&nbsp; 1002. This is my<sup>book</sup> </p><br><br><br>

<p>&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; H<sub>2</sub>o=water</p><br><br><br>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1004. C<sub>2</sub>H<sub>6</sub>=Ethane</p><br><br><br>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; This is my<sub>Pen></sub></p><br><br><br>

</body></html>

END

You might also like