Sie sind auf Seite 1von 29

1. WRITE A HTML PROGRAME TO DEMONISTRATE THE NESTED TABLE USING ROWSPAN AND COLSPAN TAGS.

PROGRAME: <HTML> <TITLE> TABLE DEMONISTRATION </TITLE> <HEAD > <FONT SIZE =6 COLOR=BLUE > <H1 ALIGN=CENTER>NESTED TABLE DEMONISTRATION </H1> </FONT> </HEAD> <BODY> <CENTER> <FONT SIZE =6 COLOR =GREEN> <H2> <B> PRASAD SUPER MARKET</B> </H2> </FONT> <BR> <FONT SIZE =4 COLOR= RED> <P> <P> <H2>NEW MALAKPET HYDERBAD</H2> </P> </P> </FONT> <BR> <BR> <TABLE BORDER=2 BORDERCOLOR=MAROON BGCOLOR= YELLOW> <CAPTION ALIGN=BOTTOM > <H2 >THANK YOU VISIT AGAIN </H2> </CAPTION> <TR> <TH COLSPAN=2>ITEMS AVAILABLE </TH> <TH COLSPAN=3 >ITEM PARTICULARS</TH> </TR> <TR BGCOLOR= ORANGE> <TH>SL NO:</TH>

<TH>ITEM NAME</TH> <TH>RATE/UNIT</TH> <TH>QUALITY</TH> <TH>DISCOUNT</TH> </TR> <TR ALIGN=RIGHT> <TD> 1 </TD> <TD ALIGN =LEFT> KISSAN FRUIT JAM </TD> <TD> RS :25 </TD> <TD> A++ </TD> <TD> NIL </TD> </TR> <TR ALIGN= RIGHT> <TD> 2 </TD> <TD ALIGN =LEFT> INDIAN GATE BASMATI RICE </TD> <TD> RS :45 </TD> <TD> A+ </TD> <TD> 2% </TD> </TR> <TR ALIGN= RIGHT> <TD> 3 </TD> <TD ALIGN =LEFT> RAJNIGANDHA PAN MASALA </TD> <TD> RS :30 </TD> <TD> B+ </TD> <TD> 12% </TD> </TR> <TR ALIGN= RIGHT> <TD> 4 </TD>

<TD ALIGN =LEFT> LUX SOAP </TD> <TD> RS :21 </TD> <TD> A+ </TD> <TD> NIL </TD> </TR> </TABLE> </BODY> </HTML> OUTPUT :

2 . WRITE A HTML PROGRAME TO DEMONISTRATE THE COMPLEX FORMS.


PROGRAME : <HTML> <TITLE>COMPLEX FORMS</TITLE> <HEAD> <FONT COLOR=GREEN> <H1 ALIGN=CENTER>TO DEMONISTREAT THE COMPLEX FORMS </H1> </HEAD> <BODY BGCOLOR="YELLOW"> <CENTER> <H2> <STRONG> KIET ONLINE APPLICATION FOR ADMISSION </STRONG> </H2> </CENTER> <UL> <LI> <P> NAME OF THE STUDENT: </LI> <INPUT TYPE ="NAME" TYPE ="TEXT" SIZE ="40"> <BR> <LI> <P> NAME OF THE DEPARTMENT : <INPUT TYPE ="NAME" TYPE ="TEXT" SIZE ="37"> <BR> <LI> <P> HALL TICKET NO : </LI> <INPUT TYPE ="NAME" TYPE ="TEXT" SIZE ="37"> <LI> <P> ICET RANK: </LI> <INPUT TYPE ="NAME" TYPE ="TEXT" SIZE ="37"> <P> <SELECT COLLEGE="ENTER COLLEGE NAME"> <OPTION> KIET </OPTION> <OPTION> GIET </OPTION> <OPTION> CIST </OPTION>

<OPTION> KIET 2 </OPTION> <OPTION> KIET W </OPTION> </SELECT> </P> <P> <BR> TEACHERS <INPUT NAME="CHK1" TYPE ="CHECKBOX " VALUE="RECOMMEND" > <BR> FRIEND <INPUT NAME="CHK2" TYPE ="CHECHBOX" VALUE="FRIEND"> <BR> POSTERS <INPUT NAME="CHK3" TYPE ="CHECHBOX" VALUE="POSTERS"> <BR> BOOKSELLERS <INPUT NAME="CHK4" TYPE ="CHECKBOX" VALUE="BOOKSELLERS" > </P> </BODY> </HTML> OUTPUT :

3 . WRITE A HTML PROGRAME TO DEMONISTRATE THE CSS OF EXTERNAL STYLE SHEETS.


PROGRAME : STEP 1: CREATE A RULLS.CSS FILE USING FOLLOWING CODE. BODY{COLOR:BLACK; BACKGROUND COLOR:YELLOW; FONT-FAMILY:SANS-SERIF; ALIGN:CENTER} H1{FONT-SIZE:20PT} TABLE{BACKGROUND-COLOR:ORANGE; BORDER-WIDTH:100PX; BORDER-COLOR:BLUE;} TH{FONT-WEIGHT:ITALIC; COLOR-BLACK; PADDING:2PX;} TD{PADDING:5PX;} STEP 2: CREATE EXTERNAL CSS FILE USING FOLLOWING CODE <HTML> <TITLE>EXAMPLE OF EXTERNAL STYLE SHEETS </TITLE> <HEAD> <STYLE TYPE="TEXT/CSS"> <LINK REF="ENTERNAL STYLE SHEETS TYPE="TEXT/CSS" HREF="RULES.CSS"/> </STYLE> </HEAD> <BODY BGCOLOR=YELLOW>

<TABLE ALIGN=CENTER> <CAPTION <FONT COLOR=YELLOW> <H3> COURSE DETAILS </H3> </FONT> </CAPTION> <TR> <TH>COURSES</TH> <TH>DURATION</TH> <TH>FACULTY</TH> <TH>FEES</TH> </TR> <TR> <TD> C++ </TD> <TD> 45 DAYS </TD> <TD> MR.NADEEM </TD> <TD> RS :1200 </TD> </TR> <TR> <TD>JAVA AND J2EE</TD> <TD>3 MONTHS</TD> <TD>MR.RAJENDRAPRASAD</TD> <TD>RS :4000 </TD> </TR> <TR> <TD>C & DS </TD> <TD>2 MONTHS</TD>

<TD>MR.RAMANA</TD> <TD>RS :3000 </TD> </TR> <TR> <TD>SAP BASIS </TD> <TD>3 MONTHS</TD> <TD>MR.RAJESH</TD> <TD>RS :8000 </TD> </TR> </TABLE> </BODY> </HTML> OUTPUT :

4. WRITE A HTML PROGRAME TO DEMONISTRATE THE CSS OF EMBEDDED STYLE SHEETS.


PROGRAME :

<HTML> <TITLE>EXAMPLE OF EMBEDDED STYLE SHEETS </TITLE> <HEAD> <STYLE TYPE="TEXT/CSS"> BODY{COLOR:BLACK; BACKGROUND COLOR:YELLOW; FONT-FAMILY:SANS-SERIF; ALIGN:CENTER} H1{FONT-SIZE:20PT} TABLE{BACKGROUND-COLOR:ORANGE; BORDER-WIDTH:100PX; BORDER-COLOR:BLUE;} TH{FONT-WEIGHT:ITALIC; COLOR-BLACK; PADDING:2PX;} TD{PADDING:5PX;} </STYLE> </HEAD> <BODY BGCOLOR=YELLOW> <TABLE ALIGN=CENTER> <CAPTION <FONT COLOR=YELLOW><H1>COURSE DETAILS</H1></FONT></CAPTION> <TR> <TH>COURSES</TH>

<TH>DURATION</TH> <TH>FACULTY</TH> <TH>FEES</TH> </TR> <TR> <TD> C++ </TD> <TD> 45 DAYS </TD> <TD> MR.NADEEM </TD> <TD> RS :1200 </TD> </TR> <TR> <TD>JAVA AND J2EE</TD> <TD>3 MONTHS</TD> <TD>MR.RAJENDRAPRASAD</TD> <TD>RS :4000 </TD> </TR> <TR> <TD>C & DS </TD> <TD>2 MONTHS</TD> <TD>MR.RAMANA</TD> <TD>RS :3000 </TD> </TR> <TR> <TD>SAP BASIS </TD> <TD>3 MONTHS</TD> <TD>MR.RAJESH</TD>

<TD>RS :8000 </TD> </TR> </TABLE> </BODY> </HTML> OUTPUT :

5. WRITE A HTML PROGRAME TO DEMONISTRATE THE CSS OF INLINE STYLE SHEETS.


PROGRAME : <HTML> <HEAD> <TITLE>EXAMPLE OF INLINE STYLE SHEETS </TITLE> </HEAD>

<BODY STYLE= COLOR:BLACK; BACKGROUND COLOR:YELLOW; FONT-FAMILY:SANS-SERIF; ALIGN:CENTER> <TABLE ALIGN=CENTER STYLE= BACKGROUND-COLOR:ORANGE; BORDERWIDTH:100PX; BORDER-COLOR:BLUE;> <CAPTION> <FONT COLOR=YELLOW> <H1 STYLE= FONT-SIZE:20PT > COURSE DETAILS </H1> </FONT> </CAPTION> <TR> <TH STYLE= FONT-WEIGHT:ITALIC; COLOR-BLACK; PADDING:2PX;> COURSES </TH> <TH STYLE= FONT-WEIGHT:ITALIC; COLOR-BLACK; PADDING:2PX;>DURATION </TH> <TH STYLE= FONT-WEIGHT:ITALIC; COLOR-BLACK; PADDING:2PX;> FACULTY </TH> <TH STYLE= FONT-WEIGHT:ITALIC; COLOR-BLACK; PADDING:2PX;> FEES </TH> </TR> <TR> <TD STYLE= PADDING:5PX> C++ </TD> <TD STYLE= PADDING:5PX> 45 DAYS </TD> <TD STYLE= PADDING:5PX> MR.NADEEM </TD> <TD STYLE= PADDING:5PX> RS :1200 </TD> </TR> <TR> <TD STYLE= PADDING:5PX>JAVA AND J2EE</TD> <TD STYLE= PADDING:5PX>3 MONTHS</TD>

<TD STYLE= PADDING:5PX>MR.RAJENDRAPRASAD</TD> <TD STYLE= PADDING:5PX>RS :4000 </TD> </TR> <TR> <TD STYLE= PADDING:5PX>C & DS </TD> <TD STYLE= PADDING:5PX>2 MONTHS</TD> <TD STYLE= PADDING:5PX>MR.RAMANA</TD> <TD STYLE= PADDING:5PX>RS :3000 </TD> </TR> <TR> <TD STYLE= PADDING:5PX>SAP BASIS </TD> <TD STYLE= PADDING:5PX>3 MONTHS</TD> <TD STYLE= PADDING:5PX>MR.RAJESH</TD> <TD STYLE= PADDING:5PX>RS :8000 </TD> </TR> </TABLE> </BODY> </HTML>

OUTPUT :

6 . WRITE A HTML PROGRAME TO DESIGN STATIC WEB PAGES FOR ONLINE BOOKS STORE WEB SITE USING FRAMES .
PROGRAME : STEP 1: TOP.HTML <HTML> <BODY BGCOLOR=BLUE> <BR> <BR> <MARQUEE> <FONT COLOR=YELLOW>

<H1 ALIGN= "TOP"><B><U>ONLINE BOOK STORAGE</U></B></H1> </FONT> </MARQUEE> </BODY> </HTML> STEP 2: RIGHT.HTML <HTML> <BODY BGCOLOR=YELLOW> <BR><BR><BR><BR><BR> <H2 ALIGN="CENTER"> <B> <P> WELCOME TO ONLINE BOOK STORAGE. PRESS LOGIN IF YOU ARE HAVING ID OTHERWISE PRESS REGISTRATION. </P> </B> </H2> </BODY> </HTML>

STEP 3: LEFT.HTML <HTML> <BODY BGCOLOR=CYAN> <H3> <UL> <LI><A HREF="LOGIN.HTML" TARGET=RIGHT><FONT COLOR=BLACK> LOGIN</FONT></A></LI><BR><BR> <LI><A HREF=REG.HTML TARGET=RIGHT><FONT COLOR=BLACK>

REGISTRATION</FONT></A></LI><BR><BR> <LI><A HREF= PROFILE.HTML TARGET=RIGHT><FONT COLOR=BLACK> USER PROFILE</FONT></A></LI><BR><BR> <LI><A HREF=CATALOG.HTML TARGET=RIGHT><FONT COLOR=BLACK> BOOKS CATALOG</FONT></A></LI><BR><BR> <LI><A HREF=SCART.HTML TARGET=RIGHT><FONT COLOR=BLACK> SHOPPINGCART</FONT></A></LI><BR><BR> <LI><A HREF=PAYMENT.HTML TARGET=RIGHT><FONT COLOR=BLACK> PAYMENT</FONT></A></LI><BR><BR> <LI><A HREF=ORDER.HTML TARGET=RIGHT><FONT COLOR=BLACK> ORDER CONFIRMATION</FONT></A></LI><BR><BR> </UL> </BODY> </HTML> STEP 4: MAIN .HTML <HTML> <TITLE> FRAME DEMONSTRATION </TITLE> <HEAD> <FRAMESET ROWS="15%,75%" FRAMEBORDER=0 NORESIZE> <FRAME SRC="TOP.HTML" NAME="TOP" > <FRAMESET COLS="35%,75%" FRAMEBORDER=0 NORESIZE> <FRAME SRC="LEFT.HTML" NAME="LEFT" > <FRAME SRC="RIGHT.HTML" NAME="RIGHT" >

</FRAMESET> </FRAMESET> </HEAD> </BODY> </HTML> OUTPUT :

7. WRITE A JAVA SCRIPT PROGRAME TO IMPLEMENTS THE USER DEFINED FUNCTIONS


PROGRAME : <HTML> <HEAD> <TITLE> USER DEFINED FUNCTIONS</TITLE> <SCRIPT LANGUAGE="JAVASCRIPT"> VAR NUM,FACT=1,I; FUNCTION AP() {

DOCUMENT.WRITELN("<H1> HYDERABAD IS THE CAPITAL OF AP \N </H1>"); } FUNCTION FACTORIAL() { NUM=PARSEINT(WINDOW.PROMPT("ENTER THE VALUE FOR NUM1: ","0")); IF(NUM==0) { DOCUMENT.WRITELN("<H1>FACTORIAL OF 0 IS 1 </H1>"); } ELSE { FOR(I=1;I<=NUM;I++) { FACT=FACT*I; } DOCUMENT.WRITELN("<H1> FACTORIAL OF "+ NUM + " IS " +FACT); } } FUNCTION COUNTING(NUM) { DOCUMENT.WRITELN("<H1>THESE WARE "+NUM+"STATES AND RESPECTIVE CAPITAILS IN INDIA"); } AP(); COUNTING(6); FACTORIAL(); </SCRIPT>

</HEAD> <BODY BGCOLOR=#CCFFFF> </BODY> </HTML> OUTPUT :

8. WRITE A JAVA SCRIPT PROGRAME TO VALIDATE THE USERNAME AND PASSWORD .


PROGRAME : <HTML> <HEAD> <TITLE>ONLOAD EXAMPLE</TITLE> <SCRIPT LAGUAGE="JAVASCRIPT"> FUNCTION FUN()

{ VAR S1="KIET"; VAR S2="PRASAD"; VAR S3,S4; S3=DOCUMENT.F1.T1.VALUE; S4=DOCUMENT.F1.T1.VALUE; IF((S1==S3)&&(S2==S4)) WINDOW.ALERT("YOUR NAME & PASSWORD WAS CURRECT"); ELSE IF((S1!=S3)&&(S2==S4)) WINDOW.ALERT("YOUR NAME IS WRONG"); ELSE IF((S1==S3)&&!(S2!=S4)) WINDOW.ALERT("PASSWORD WRONG"); ELSE IF((S1!=S3)&&(S2!=S4)) WINDOW.ALERT("BOTH USER NAME AND PASSWORD WRONG"); } </SCRIPT> </HEAD> <BODY > <FORM NAME="F1" ONSUBMIT="FUN()"> <DIV ALIGN="CENTER"><PRE><BR><BR> <TABLE BORDER=1 COLOR="YELLOW"> <FONT COLOR="YELLOW">

<TR><TD>USER NAME: <TD><INPUT TYPE="TEXT" NAME="T1" SIZE=20></TR> <TR><TD>USER PASSWORD: <TD><INPUT TYPE="PASSWORD" NAME="T2" SIZE=20></TR> <TR><TD COLSPAN=2 ALIGN="CENTER"><INPUT TYPE="SUBMIT" VALUE="SUBMIT"></TR> </TABLE> </FORM> </CENTER> </BODY> </HTML> OUTPUT :

9. WRITE A JAVA SCRIPT PROGRAME TO IMPLEMENTS THE ARITHAMATIC OPERATIONS THROUGH TEXT BOX .
PROGRAME : <HTML> <TITLE>ARITHMETIC OPERATIONS </TITLE> <SCRIPT LANGUAGE="JAVASCRIPT"> FUNCTION CAL(OP) { VAR A,B,C=0; A=PARSEINT(DOCUMENT.FORM1.FIRST.VALUE); B=PARSEINT(DOCUMENT.FORM1.SECOND.VALUE); SWITCH(OP) { CASE '+': C=A+B; BREAK; CASE '-': C=A-B; BREAK; CASE '*': C=A*B; BREAK; CASE '/': C=A/B; BREAK; CASE 'E': DOCUMENT.FORM1.FIRST.VALUE=" "; DOCUMENT.FORM1.SECOND.VALUE=" "; DOCUMENT.FORM1.RESULT.VALUE=" "; BREAK; }

DOCUMENT.FORM1.RESULT.VALUE=C; } </SCRIPT> </HEAD> <BODY BGCOLOR="TAN"> <FORM NAME="FORM1"> <DIV ALIGN="CENTER"><PRE><BR><BR> <H1>SIMPLE ARITHMETIC OPERATIONS</H1> <TABLE BORDER='2' TEXT-COLOR="YELLOW"> <TR><TH ALIGN="RIGHT">FIRST NUMBER<TD><INPUT TYPE="TEXT" NAME="FIRST" SIZE=15></TR> <TR><TH ALIGN="RIGHT">SECOND NUMBER<TD><INPUT TYPE="TEXT" NAME="SECOND" SIZE=15></TR> <TR><TH ALIGN="RIGHT">RESULT <TD><INPUT TYPE="TEXT" NAME="RESULT" SIZE=15></TR> </TABLE> <BR> <INPUT TYPE="BUTTON" BUTTON VALUE="ADD" ONCLICK=CAL("+")> <INPUT TYPE="BUTTON" BUTTON VALUE="SUB" ONCLICK=CAL("-")> <INPUT TYPE="BUTTON" BUTTON VALUE="MUL" ONCLICK=CAL("*")> <INPUT TYPE="BUTTON" BUTTON VALUE="DIV" ONCLICK=CAL("/")> <INPUT TYPE="BUTTON" BUTTON VALUE="CLEAR" ONCLICK=CAL("E")> </BODY> </HTML> OUTPUT :

10.WRITE A HTML PROGRAM TO FINDOUT THE REVERSE OF A GIVEN NUMBER BY USING PARSEINT,WINDOW.ALERT AND WINDOW.PROMPT CONCEPTS IN JAVASCRIPT. 11.WRITW A HTML PROGRAM TO FINDOUT WHETHER THE GIVEN NUMBER IS ARMSTRONG OR NOT USING JAVASCRIPT. 12.WRITE A HTML PROGRAM TO PRINT SQUARE OF THE GIVEN NUMBERS USING JAVASCRIPT 13.WRITE A HTML PROGRAM TO FINDOUT THE MAXIMUM OF 3 NUMBERS USING JAVASCRIPT. 14.WRITE A PROGRAM TO REPRESENT ONLOAD EVENT 15.WRITE A HTML PROGRAM USING ONMOUSEOVER AND ONMOUSEOUT EVENTS 16.WRITE A JAVASCRIPT PROGRAM USING SRINGOBJECTS

17.WRITE A PROGRAMTO USE ONMOUSEMOVE EVENT 18.WRITE A HTML PROGRAMBY USING JAVASCRIPT TO REPRESENT HOW TO WORK SUBMIT AND RESET EVENTS.
PROGRAM: <HTML> <HEAD> <SCRIPT TYPE="TEXT/JAVASCRIPT"> FUNCTION SUBMIT(){ VAR S1,S2; S1=DOCUMENT.F1.T1.VALUE; S2=DOCUMENT.F1.T2.VALUE; } FUNCTION RESET(){ DOCUMENT.F1.T1.VALUE=" "; DOCUMENT.F1.T2.VALUE=" "; } </SCRIPT> </HEAD> <BODY> <FORM NAME="F1" ONSUBMIT="SUBMIT() ONRESET="RESET()"> ENTER USER NAME: <INPUT TYPE="TEXT" ID="T1"> <BR> ENTER PASSWORD: <INPUT TYPE="PASSWORD" ID="T2"> <BR> <INPUT TYPE=SUBMIT VALUE=SUBMIT> <INPUT TYPE=RESET VALUE=RESET> </FORM> </BODY>

</HTML>

19.WRITE A HTML PROGRAM BY USING JAVASCRIPT FOR ONFOCUS AND ONBLUR EVENTS. 20.WRITE AHTML PROGRAM BY USING JAVASCRIPT FOR BOOLEAN OBJECTS. 21.WRITE A JAVASCRIPT ON FLIPFILTERS. 22.WRITE A JAVASCRIPT USING DATE OBJECTS. 23.WRITE A JAVASCRIPT FOR CHROMAFILTERS. 24.WRITE AN XML PROGRAM TO DISPLAY A STUDENT DETAILS AND ALSO RUN THE XML FILE BY WRITING AN XSL FILE.
PROGRAM:

STEP1:CREATE PP.XSL FILE


<?xml version=1.0 encoding=ISO-8859-1?> <xsl:stylesheet version=1.0 xmlns:XSL=http//www.w3.org/1999/XSL/Transform> <xsl:template match=/> <html> <body> <h2> cse student details </h2> <table border=1> <tr bgcolor=#9ac3d2> <th> htno </th> <th> name </th> <th> year </th> <th> age </th> </tr>

<xsl:for-each select=sbit/cse/student> <tr> <td> <xsl:value-of select=htno/> </td> <td> <xsl:value-of select=name/> </td> <td> <xsl:value-of select=year/> </td> <td> <xsl:value-of select=age/> </td> </tr> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet>

STEP2:CREATE CSE.XML FILE


<?xml version=1.0 encoding=ISO-8859-1?> <?xml-stylesheet type=text/xsl href=pp.xsl?> <sbit> <cse> <student> <htno> 08m61a0111 </htno> <name> james </name> <year> IV </year> <age> 21 </age> </student> <student> <htno> 08m61a0112 </htno>

<name> john </name> <year> IV </year> <age> 21 </age> </student> </cse> </sbit>

25.WRITE A PROGRAM TO REPRESENT THE CREATION OF AN XSD FILE WHICH REPRESENTS THE STRUCTURE OF AN XML FILE.
PROGRAM: <xs:element name=note> <xs:complexType> <xs:sequence> <xs:element name=to type=xs:string/> <xs:element name=from type=xs:string/> <xs:element name=heading type=xs:string/> <xs:element name=body type=xs:string/> </xs:sequence> </xs:complexType> </xs:element> OUTPUT: Write the output as same as the program in the output window

26.WRITE A PROGRAM TO REPRESENT A DTD FILE FOR TRANSFER THE DATA.


PROGRAM: <! DOCTYPE note [ <! ELEMENT note(to,from,heading,body)>

<! ELEMENT to(#PCDATA)> <! ELEMENT from(#PCDATA)> <! ELEMENT heading(#PCDATA)> <! ELEMENT body(#PCDATA)> ]> OUTPUT: Write the output as same as the program in the output window

Das könnte Ihnen auch gefallen