You are on page 1of 38

1.

PROGRAM FOR VARIOUS HTML TAGS


<HTML> <HEAD> <TITLE>MY FIRST PAGE </TITLE> </HEAD> <BODY BGCOLOR=PURPLE TEXT=GREEN> <H1 ALIGN=CENTER>THIS IS MY FIRST PAGE</H1> <H2 ALIGN=CENTER>THIS IS MY FIRST PAGE</H2> <H3 ALIGN=CENTER>THIS IS MY FIRST PAGE</H3> <H4 ALIGN=CENTER>THIS IS MY FIRST PAGE</H4> <H5 ALIGN=CENTER>THIS IS MY FIRST PAGE</H5> <H6 ALIGN=CENTER>THIS IS MY FIRST PAGE</H6> <B>MAHARAJA SURAJMAL INSTITUTE</B><BR> <I>C-4 JANAKPURI</I><BR> <U>NEW DELHI</U><BR> <EM>COURSES OFFERED </EM><BR> <TT>BBA, MBA, P.HD</TT><BR> <STRONG>DISTANT LEARNING AVAILABLE</STRONG> </BODY> </HTML>

2. PROGRAM FOR VARIOUS FONT TAGS


<HTML> <HEAD> <TITLE>FONT TAG</TITLE> <HEAD> <BODY BGCOLOR=RED> <FONT FACE="TIMES NEW ROMAN" COLOR="WHITE" SIZE="25"> <PRE> <STRIKE>MAHARAJA</STRIKE> SURAJMAL INSTITUTE I.P UNIVERSITY JANAKPURI C-4 COURSES OFFERED BBA MBA P.HD </PRE> </FONT> </BODY> </HTML>

3. PROGRAM FOR SPECIAL CHARACTERS


<HTML> <HEAD> <TITLE>SPECIAL CHARACTER</TITLE> </HEAD> <BODY BGCOLOR=RED> <FONT FACE="TIMES NEW ROMAN" COLOR="WHITE" SIZE="25"> <PRE> POUND &pound; DOLLAR &dollar; ONE FOURTH &frac14; HALF &frac12; THREE FOURTH &frac34; DIVIDE &divide; PI &pi; LESS THAN &lt; GREATER THAN &gt; LESS THAN OR EQUAL TO &ge; </PRE> </FONT> </BODY> </HTML>

4. PROGRAM FOR MENU LIST


<HTML> <HEAD> <TITLE>MENU LIST</TITLE> </HEAD> <BODY BGCOLOR=BLACK TEXT=WHITE> <MENU> <LH><H3>SIGN OF ZODIAC</H3> <LI><A HREF="ARIES.HTM">ARIES</A> <LI><A HREF="TAURUS.HTM">TAURUS</A> <LI><A HREF="GEMINI.HTM">GEMINI</A> <LI><A HREF="CANCER.HTM">CANCER</A> <LI><A HREF="LEO.HTM">LEO</A> <LI><A HREF="VIRGO.HTM">VIRGO</A> <LI><A HREF="LIBRA.HTM">LIBRA</A> <LI><A HREF="SCORPIO.HTM">SCORPIO</A> <LI><A HREF="CAPRICON.HTM">CAPRICON</A> </MENU> </BODY> </HTML>

5. PROGRAM FOR DIRECTOY LIST <HTML>


<HEAD> <TITLE>DIRECTORY LIST</TITLE> </HEAD> <BODY BGCOLOR=BLACK TEXT=WHITE> <DIR> <LH><H2>SOME POPULAR SOUTH INDIAN DISHES</H2> <LI>DOSA <LI>VADA <LI>UTAPPAM <LI>IDLI <LI>UPMA </DIR> <DIR> <LH><H2>SOME CITIES NAME</H2> <LI>NEW DELHI <LI>BOBMBAY <LI>MADRAS <LI>JHANSI </DIR> </BODY> </HTML>

10

6. PROGRAM FOR DEFINITION LIST


<HTML> <HEAD> <TITLE>DEFINITION LIST</TITLE> </HEAD> <BODY BGCOLOR=BLACK TEXT=WHITE> <DL> <DT>THE FLOWERS NAME <DD>ROSE LOTUS SUN FLOWER CACTUS MARYGOLD JASMINE </DL> </BODY> </HTML>

11

12

7. PROGRAM FOR NESTED LIST


<HTML> <HEAD> <TITLE>NESTED LIST</TITLE> </HEAD> <BODY BGCOLOR=BLACK TEXT=RED> <H1 ALIGN=CEMTRE>DELHI UNIVERSITY</H1> <H3><CENTRE>NEW DELHI</H3> <HR SIZE=10> <P> THE COLLEGE OFFERS THE FOLLOWING COURSE</P> <OL TYPE=1> <LI>DEPARTMENT OF COMPUTER SCIENCE<BR> <UL> <LI><I>FULL TIME COURSE</I><BR> <LI><B>PART TIME COURSE</B><BR> </UL> <LI>M.SC(COMPUTER APPLICATION) <UL> <LI>MASTER OF COMPUTER APPLICATION <LI>BACHELOR OF BUSINESS ADMINISTRATION </UL> </OL> </BODY> </HTML>

13

14

8. PROGRAM FOR ORDERED LIST

<HTML> <HEAD> <TITLE>ORDERED LISTS</TITLE> </HEAD> <BODY BGCOLOR="RED"> <H2>TV BRANDS</H2> <OL> <LI>SAMSUNG <LI>LG <LI>SONY <LI>TOSHIBA </OL> </BODY> </HTML>

15

16

9. PROGRAM FOR UNORDERED LIST

<HTML> <HEAD> <TITLE>UNORDERED LISTS</TITLE> </HEAD> <BODY BGCOLOR="RED"> <H2>BRANDS UNDER HUL</H2> <UL TYPE=OVAL> <LI> LAKME</LI> <LI>SUNSLIK</LI> <LI>SURF EXCEL</LI> </UL> </BODY> </HTML>

17

18

10. HOW TO CREATE A TABLE


<HTML> <HEAD> <TITLE>TABLE</TITLE> </HEAD> <BODY BGCOLR=BLUE> <TABLE BORDER=5 ALIGN=CENTER BGCOLOR=YELLOW BORDERCOLOR=GREEN> <CAPTION>ADMISSION 1997-98</CAPTION> <TR> <TH>NAME</TH> <TH>COURSE</TH> <TH>CATEGORY</TH> <TH>MARKS</TH> </TR> <TR> <TD ALIGN=CENTER>ASHISH</TD> <TD ALIGN=CENTER>BBA</TD> <TD ALIGN=CENTER >B&I</TD> <TD ALIGN=CENTER>81</TD> </TR> <TR> <TD ALIGN=CENTER>KARAN</TD> <TD ALIGN=CENTER>BBA</TD> <TD ALIGN=CENTER>B&I</TD> <TD ALIGN=CENTER>76</TD>
19

</TR> <TR> <TD ALIGN=CENTER>GAURAV</TD> <TD ALIGN=CENTER>BBA</TD> <TD ALIGN=CENTER>B&I</TD> <TD ALIGN=CENTER>80</TD> </TR> <TR> <TD ALIGN=CENTER>APURV</TD> <TD ALIGN=CENTER>BBA</TD> <TD ALIGN=CENTER>B&I</TD> <TD ALIGN=CENTER>79</TD> </TR> <TR> <TD ALIGN=CENTER>KUNAL</TD> <TD ALIGN=CENTER>BBA</TD> <TD ALIGN=CENTER>B&I</TD> <TD ALIGN=CENTER>70</TD> </TR> </TABLE> </BODY> </HTML>

20

21

11. HOW TO CREATE TABLE SPANNING MULTIPLE ROWS AND COLUMNS

<HTML> <HEAD> <TITLE>MULTIPLES ROWS AND COLOUMNS IN A TABLE</TITLE> </HEAD> <BODY> <TABLE BORDER =19CELLSPACING=23 CELLPADDING=15 BORDERCOLORLIGHT=PURPLE BORDERCOLORDARK=YELLOW> <CAPTION><H2>MONTHLY EXPENSES</H2></CAPTION> <TR> <TD ROWSPAN=2>RENT</TD> <TD>SHOP</TD> <TD>4000</TD> </TR> <TR> <TD>HOUSE</TD> <TD>5000</TD> </TR> <TR> <TD ROWSPAN=3>EATABLES</TD> <TD>FRUITS & VEGETABLES</TD> <TD>2000</TD> </TR>

22

<TR> <TD>MILK</TD> <TD>3000</TD> </TR> <TR> <TD>MESS</TD> <TD>5000</TD> </TR> <TD ROWSPAN=2>VEHICLES</TD> <TD>CAR</TD> <TD>1400</TD> </TR> <TR> <TD>BIKE</TD> <TD>1600</TD> </TR> <TR> <TH COLSPAN=2>TOTAL</TH> <TH>22000</TH> </TR> </TABLE> </BODY> </HTML>

23

24

12. PROGRAM TO CREATE CELL SPACING


<HTML> <HEAD> <TITLE>CELL SPACING</TITLE> </HEAD> <BODY> <TABLE ALIGN=CENTER BORDER=30 CELLSPACING=80 BGCOLOR=CYAN> <TR> <TH>NAME</TH> <TH>ADDRESS</TH> <TH>ROLL NO</TH> </TR> <TR> <TH>CLASS</TH> <TH>COURSE</TH> <TH>CATEGORY</TH> </TR> <TR> <TH>DATE OF BIRTH</TH> <TH>FATHERS NAME</TH> <TH>MOTHERS NAME</TH> </TR> </TABLE> </BODY> </HTML>
25

26

13. PROGRAM WITH BACKGROUND IMAGE <HTML>


<HEAD> <TITLE>TO HAVE AN IMAGE OF OUR DESIRE</TITLE> </HEAD> <BODY TEXT=BLACK BODY BACKGROUND="C:\USERS\PUBLIC\PICTURES\SAMPLE PICTURES\DESERT.JPG"> <PRE> <H1 ALIGN=CENTER>TWITTER IS A WEBSITE, OWNED AND OPERATED BY TWITTER INC.</H1> <B>WHICH OFFERS A SOCIAL NETWORKING AND MICROBLOGGING SERVICE, ENABLING ITS USERS TO SEND AND READ MESSAGES CALLED TWEETS</B> <I>TWEETS ARE TEXT-BASED POSTS OF UP TO 140 CHARACTERS DISPLAYED ON THE USER'S PROFILE PAGE.</I> </PRE> </BODY> </HTML>

27

28

14. PROGRAM TO CREATE TABLE WITH BACKGROUND IMAGE

<HTML> <HEAD> <TITLE>ABC</TITLE> </HEAD> <BODY BACKGROUND="C:\USERS\PUBLIC\PICTURES\SAMPLE PICTURES\CHRYSANTHEMUM.JPG"> <TABLE BORDER=16 ALIGN=CENTER CELLSPACING=30 WIDTH=60> <CAPTION>ADMISSION </CAPTION> <TR> <TH BGCOLOR=RED>CELL1</TH> <TH BGCOLOR=BLUE>CELL2</TH> </TR> <TR> <TH BGCOLOR=CYAN>CELL3</TH> <TH BGCOLOR=MAGENTA>CELL4</TH> </TR> <TR> <TH BGCOLOR=WHITE>CELL5</TH> <TH BGCOLOR=PURPLE>CELL6</TH> </TR> <TR> <TH BGCOLOR=GREEN>CELL7</TH> <TH BGCOLOR=DARK GREEN>CELL8</TH>

29

</TR> <TR> <TH BGCOLOR=LIGHTBLUE>CELL9</TH> <TH BGCOLOR=PINK>CELL10</TH> </TR> <TR> <TH BGCOLOR=PEACH>CELL11</TH> <TH BGCOLOR=BROWN>CELL12</TH> </TR> <TR> <TH BGCOLOR=YELLOW>CELL13</TH> <TH BGCOLOR=GREY>CELL14</TH> </TR> <TR> <TH BGCOLOR=RED>CELL15</TH> <TH BGCOLOR=WHITE>CELL16</TH> </TR> <TR> <TH BGCOLOR=ORANGE>CELL17</TH> <TH BGCOLOR=BLUE>CELL18</TH> </TR> </TABLE> </BODY> </HTML>

30

31

15. PROGRAM TO CREATE TABLE WITH DIFFERENT CELL COLOURS

<HTML> <HEAD> <TITLE>ABC</TITLE> </HEAD> <BODY> <TABLE BORDER=16 ALIGN=CENTER WIDTH=80% BGCOLOR=CYAN BORDERCOLORDARK=MAGENTA BORDERCOLORLIGHT=YELLOW> <CAPTION>ADMISSION </CAPTION> <TR> <TH BGCOLOR=RED ALIGN=CENTER> COMMUNITY</TH> <TH BGCOLOR=BLUE ALIGN=CENTER>MALE</TH> <TH BGCOLOR=PINK ALIGN=CENTER>FEMALE</TH> </TR> <TR> <TH BGCOLOR=RED ALIGN=CENTER> OC</TH> <TH BGCOLOR=BLUE ALIGN=CENTER>35</TH> <TH BGCOLOR=PINK ALIGN=CENTER>10</TH> </TR> <TR> <TH BGCOLOR=RED ALIGN=CENTER>BC</TH> <TH BGCOLOR=BLUE ALIGN=CENTER>45</TH> <TH BGCOLOR=PINK ALIGN=CENTER>20</TH> </TR> <TR> <TH BGCOLOR=RED ALIGN=CENTER> SC/ST</TH> <TH BGCOLOR=BLUE ALIGN=CENTER>65</TH> <TH BGCOLOR=PINK ALIGN=CENTER>40</TH> </TR> </TABLE> </BODY> </HTML>

32

33

16. PROGRAM TO CREATE A FORM FOR REGISTRATION

<HTML> <HEAD> <TITLE>ABC</TITLE> </HEAD> <BODY> <H3 ALIGN=CENTER>APPLICATION FORM FOR ADMISSION TO UNDERGRADUATE PROGRAM</H3> <FORM> 1. NAME OF APPLICANT : <INPUT TYPE=TEXT NAME="NAME"><BR> 2. ADDRESS : <INPUT TYPE=TEXT NAME=STREET><BR> 3. TOWN : <INPUT TYPE=TEXT ALIGN=CENTER NAME=TOWN><BR> 4. STATE : <INPUT TYPE=TEXT NAME=STATE><BR> 5. PINCODE : <INPUT TYPE=TEXT NAME PINCODE><BR> 6. <FONT COLOR=BLUE><B>COURSE APPLIED FOR :</B></FONT> <BR> <INPUT TYPE=RADIO NAME=COURSE> COMPUTER SCIENCE <INPUT TYPE=RADIO NAME=COURSE> MATHEMATICS <INPUT TYPE=RADIO NAME=COURSE> PHYSICS<BR> <INPUT TYPE=RADIO NAME=COURSE> CHEMISTRY <INPUT TYPE=RADIO NAME=COURSE> BOTONY <INPUT TYPE=RADIO NAME=COURSE> ZOOLOGY<BR> 7. <FONT COLOR=BLUE><B>SELECT IF YOU HAVE THE FOLLOWING:<B></FONT><BR> <INPUT TYPE=CHECKBOX NAME=DANCE>DANCE<BR> <INPUT TYPE=CHECKBOX NAME=SPEECH>PUBLIC SPEAKING<BR> <INPUT TYPE=CHECKBOX NAME=DRAMA>DRAMA<BR> <INPUT TYPE=CHECKBOX NAME=READING>READING NOVELS<BR> <INPUT TYPE=CHECKBOX NAME=WRITING>WRITING<BR> <INPUT TYPE=CHECKBOX NAME=SPORTS>WATCHING SPORTS<BR> <INPUT TYPE=CHECKBOX NAME=PSPORTS>PLAYING SPORTS<BR> 8. <FONT COLOR=BLUE><B>WERE YOU A MEMBER OF ANY :<B></FONT><BR> <INPUT TYPE=CHECKBOX NAME=NCC>NATIONAL CADET CROPS<BR> <INPUT TYPE=CHECKBOX NAME=NSS>NATIONAL SERVICE SCHEMES<BR> <BR> <BR> <INPUT TYPE=RESET VALUE = START OVER> <INPUT TYPE=SUBMIT VALUE= SENDPLEASE!> </FORM> </BODY> </HTML>

34

35

17. PROGRAM TO CREATE WAP FOR PARTICIPANTS REGISTRATION FORM

<HTML> <HEAD> <TITLE>ABC</TITLE> </HEAD> <BODY> <H3 ALIGN=CENTER>PARTICIPANTS REGISTRATION FORM</H3> <FORM> 1. NAME OF APPLICANT : <INPUT TYPE=TEXT NAME="NAME"><BR> 2. ADDRESS : <INPUT TYPE=TEXT NAME=STREET><BR> 3. TOWN : <INPUT TYPE=TEXT ALIGN=CENTER NAME=TOWN><BR> 4. STATE : <INPUT TYPE=TEXT NAME=STATE><BR> 5. PINCODE : <INPUT TYPE=TEXT NAME PINCODE><BR> 6. <FONT COLOR=BLUE><B> SELECT THE WORK YOU ARE INVOLVED IN</B></FONT><BR><BR> <SELECT NAME=WORK> <OPTION>COMPUTER EDUCATION <OPTION>SOFTWARE DEVELOPMENT <OPTION>HARDWARE MAINTENANCE <OPTION>SYSTEM ANALYSIS <OPTION>COMPUTER CENTER MANAGEMENT </SELECT><BR><BR> 7. <FONT COLOR=BLUE><B> SELECT ANY TUTORIALS YOU WISH TO ATTEND</B></FONT><BR><BR> 16<SUP>TH</SUP>SEPTEMBER 1998 <SELECT NAME=17TUTORIALS> <OPTION>E-COMMERCE <OPTION>SOFTWARE SECURITY <OPTION>RDBMS </SELECT> <BR><BR> 17<SUP>TH</SUP>SEPTEMBER 1998 <SELECT NAME=16TUTORIALS> <OPTION>HTML & JAVA <OPTION>INTERNET SECURITY <OPTION>VERY LARGE DATABASE </SELECT> <BR><BR> 8. <FONT COLOR=BLUE><B> SPECIAL REQUIREMENTS BOX</B></FONT><BR> <TEXTAREA NAME=SQLREQ ROWS=8 COLUMNS=80> WRITE ANYTHING YOU ANT TO REQUIRED </TEXTAREA>
36

<BR> <BR> <INPUT TYPE=RESET VALUE = START OVER> <INPUT TYPE=SUBMIT VALUE= SENDPLEASE!> </FORM> </BODY> </HTML>

37

38

You might also like