Scribd
Upload
2 views33 pages

HTML Programs

Uploaded by

patilsanjeevini55
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
2 views33 pages

HTML Programs

Uploaded by

patilsanjeevini55
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/ 33

Shree Chatrapati Shivaji Maharaj First Grade College Bhalki

Bhalki, Dist: Bidar-585328

INDEX
HTML PROGRAMS

SL NO NAME OF THE PROGRAM PAGE NO REMARKS

1 HTML CODE FOR ORDERED LIST


2 HTML CODE FOR HEADINGS
3 HTML CODE FOR BASIC INLINE TAGS
4 HTML CODE FOR INSERTING AN IMAGE IN
WEB DOCUMENT
5 HTML CODE FOR CREATING A TABLE WITH
TABLE HEAD
6 HTML CODE TO DRAW A TABLE IN WEB
PAGE
7 HTML CODE TO DISPLAY DIFFERENT LIST
TAGS
8 HTML CODE FOR FRAMESET
TAG
9 HTML CODE TO ADD IMAGE AND LINKED
WITH OTHER FILE
10 HTML CODE FOR FORM
11 WRITE A HTML CODE TO DISPLAY YOUR
BIO-DATA ON WEB PAGE
12 PROGRAM TO PRINT FACTORIAL OF GIVEN
NUMBER
13 WRITE JAVASCRIPT PROGRAM TO PRINT
EVEN, ODD AND NATURAL NUMBERS USING
SWITCH STATEMENT
14 WRITE JAVASCRIPT PROGRAM TO PRINT
REVERSE OF GIVEN NUMBER
15 WRITE JAVASCRIPT PROGRAM TO PRINT
SUM OF INDIVIDUAL NUMBER
16 WRITE JAVASCRIPT PROGRAM TO PRINT
NTH FIBBONACCI SERIES

STAFF INCHARGE

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML CODE FOR ORDERED LIST

<HTML>
<HEAD>
<TITLE>ORDERED LIST</TITLE>
</HEAD>
<BODY>
<OL>
<LI>MONDAY
<LI>TUESDAY
<LI>WEDNESDAY
<LI>THURSDAY
<LI>FRIDAY
<LI>SATURDAY
<LI>SUNDAY
</OL>
</BODY>
</HTML>

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML CODE FOR HEADINGS

<HTML>
<BODY>
<H1>HEADING 1</H1>
<H2>HEADING 2</H2>
<H3>HEADING 3</H3>
<H4>HEADING 4</H4>
<H5>HEADING 5</H5>
<H6>HEADING 6</H6>
<P>PLAIN BODY TEXT: THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG.
</P>
</BODY>
</HTML>

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML CODE FOR BASIC INLINE TAGS

<HTML>
<BODY>
<P>THIS PARAGRAPH SHOWS THE VARIOUS INLINE STYLES, SUCH AS
<B>BOLD</B>
<I>ITALIC</I>
<BIG>BIG TEXT</BIG>
<SMALL>SMALLTEXT</SMALL>
<EM>EMPHASIZED TEXT</EM>
<STRONG>STRONGTEXT</STRONG>
<TT>TELETYPE TEXT</TT>.</P>
</BODY>
</HTML>

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML CODE FOR INERTING AN IMAGE IN WEB DOCUMENT.

<HTML>
<HEAD>
<TITLE> INERTING AN IMAGE IN WEB DOCUMENT</TITLE>
</HEAD>
<BODY>
<IMG SRC=” C:\Documents and Settings\All Users\Documents\My Pictures\Sample
Pictures\winter.jpeg”>
</BODY>
</HTML>

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML CODE FOR CREATING A TABLE WITH TABLE HEAD

<HTML>
<HEAD>
<TITLE>EXAMPLE OF THE TAVBLE HEADING</TITLE>
</HEAD>
<BODY>
<TABLE>
<TH>EMPLOYEE ID</TH>
<TH>EMPLOYEE NAME</TH>
<TH>SALARY</TH>
<TR>
<TD>1001</TD>
<TD>RAHUL</TD>
<TD>10500</TD>
</TR>
<TR>
<TD>1002</TD>
<TD>VINAY</TD>
<TD>9500</TD>
</TR>
</TABLE>
</BODY>
</HTML>

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML CODE TO DRAW A TABLE IN WEB PAGE


<HTML>
<HEAD>
<TITLE> MY WEB PAGE </TITLE>
</HEAD>
<TABLE BORDER=5 WIDTH = 5 ALIGN = "CENTER">
<BODY BGCOLOR = "SKY BLUE">
<TR>
<TH> NAME </TH>
<TH COLSPAN=2> TELEPHONE NUMBER </TH>
</TR>
<TR>
<TD></TD>
<TH>MOBILE</TH>
<TH> LANDLINE </TH>
</TR>
<TR>
<TD> NAME1 </TD>
<TD> MOBILE1 </TD>
<TD> LANDLINE1</TD>
</TR>
<TR>
<TD> NAME2 </TD>
<TD> MOBLIE2 </TD>
<TD> LANDLINE2</TD>
</TR>
<TR>
<TD> NAME3 </TD>
<TD> MOBILE3 </TD>
<TD> LANDLINE3</TD>
</TR>
<TR>
<TD> NAME4 </TD>
<TD> MOBLIE4 </TD>
<TD> LANDLINE4</TD>
</TR>
<TR>
<TD> NAME5 </TD>
<TD> MOBILE5 </TD>
<TD> LANDLINE5</TD>
</TR>
</TABLE>
</BODY>
</HTML>

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML CODE TO DISPLAY DIFFRENT LIST TAGS

<HTML>
<HEAD>
<TITLE>LIST</TITLE>
</HEAD>
<H1>DIFFRENT LIST TAGS</H1>
<H2>UNORDERED LIST</H2>
<UL>
<LI>MANGO</LI>
<LI>BANANA</LI>
<LI>APPLE</LI>
</UL>
<H2>ORDERED LIST</H2>
<OL>
<LI>RED</LI>
<LI>BLUE</LI>
<LI>GREEN</LI>
</OL>
<H2>DEFINATION LIST</H2>
<DL>
<DT>MON/TUE</DT>
<DD>THEORY CLASSES ONLY</DD>
<DT>WED/THU</DT>
<DD>LAB CLASS ONLY</DD>
<DT>FRI/SAT</DT>
<DD>THEORY CLASSES ONLY</DD>
</DL>
</HTML>

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML CODE FOR FRAMESET TAG.

<HTML>
<HEAD>
<TITLE> EXAMPLE OF FRAME SET</TITLE>
</HEAD>
<FRAMESET COLS=28%,21%,22%,29%>
<FRAME SRC="S1.HTML" NAME="F1">
<FRAME SRC="S2.HTML" NAME="F2">
<FRAME SRC="S3.HTML" NAME="F3">
<FRAME SRC="S4.HTML" NAME="F4">
</FRAMESET>
</HTML>

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML CODE TO ADD IMAGE AND LINKED WITH OTHER FILE

<HTML>
<HEAD>
<TITLE>IMAGE</TITLE>
</HEAD>
<A HREF="H1.HTML">
<IMAGE SRC="A.BMP">
CLICK HERE
</A>
</HTML>

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

click here

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML CODE FOR FORM

<HTML>
<BODY>
<FORM>

<B>NAME:</B><INPUT TYPE=“TEXT” NAME=“NAME” SIZE=“40”>


<BR><BR>

<B>AGE:</B>
<INPUT TYPE=“RADIO” NAME=“AGE”>< 20
<INPUT TYPE=“RADIO” NAME=“AGE”> 21 -- 30
<INPUT TYPE=“RADIO” NAME=“AGE”> 31 -- 40
<INPUT TYPE=“RADIO” NAME=“AGE”> 41+
<BR><BR>

<B>WHAT IS YOUR FAVORITE ICE CREAM?</B>


<SELECT NAME=“ICECREAM”>
<OPTION NAME=“CHOCOLATE”>CHOCOLATE
<OPTION NAME=“STRAWBERRY”>STRAWBERRY
<OPTION NAME=“VANILLA”>VANILLA
</SELECT>
<BR><BR>

<B>HOW MAY WE CONTACT YOU FOR MORE INFORMATION?</B><BR>


<INPUT TYPE=“CHECKBOX” NAME=“PHONE”>PHONE<BR>
<INPUT TYPE=“CHECKBOX” NAME=“MAIL”>MAIL<BR>
<INPUT TYPE=“CHECKBOX” NAME=“EMAIL”>EMAIL<BR>
<INPUT TYPE=“CHECKBOX” NAME=“NO”>DO NOT CONTACT ME<BR>
</FORM>
</BODY>
</HTML>

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

WRITE A HTML CODE TO DISPLAY YOUR BIO-DATA ON WEB PAGE

<HTML>
<HEAD>
<TITLE>BIO.DATA</TITLE>
</HEAD>

<H1> BIO-DATA</H1>
<H3>NAME : ZULFEN</H3>
<H3>FATHER NAME : Q.M.PATEL</H3>
<H3>AGE : 22 YEARS</H3>
<H3>D.O.B : 20 JUNE 1989</H3>
<H3>GENDER : MALE</H3>
<H3>HEIGHT : 5'9"</H3>
<H3>COLOUR : FAIR</H3>
<H3>QUALIFICATION : B.C.A</H3>
<H3>HOBBIES : AEROMODELLING,CRICKET, CHESS</H3>
<H3>SPECIAL ACHEIVEMENTS: NOTIONAL LEVEL GOLD MEDALIST IN
AEROMODELLING,CHEIF MINISTER AWARDED</H3>
<H3>ADDRESS : SHIV NAGAR, BIDAR</H3>
<H3>CONTACT NO : +9112345678</H3>

</HTML>

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

PROGRAM TO PRINT FACTORIAL OF GIVEN NUMBER

<html>
<title>factorial</title>
<script language="javascript">
var fact=1,num,i;
num=prompt("enter the number");
for(i=1;i<=num;i++)
{
fact=fact*i;
}
document.write("fact=" +fact);
</script>
</html>

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

PROGRAM TO PRINT EVEN, ODD AND NATURAL NUMBERS USING SWITCH


STATEMENT

<html>
<script language="javascript">
var ch,i,num,esum=0;
num=prompt("enter the number");
ch=prompt("enter the choice:");
switch (ch)
{
case "even":
for(i=2;i<=num;i+=2)
{
document.write(i);
document.write("<br>");
}
break;
case "odd":
for(i=1;i<=num;i+=2)
{
document.write(i);
document.write("<br>");
}
break;
case "natural":
for(i=1;i<=num;i++)
{
document.write(i);
document.write("<br>");
}
break;
default : document.write("invalid output");
}
</script>
</html>

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

PROGRAM TO PRINT REVERSE OF GIVEN NUMBER

<html>
<script language="javascript">
var sum=0,r,rev=0,n;

n=prompt("enter number");
while(n>0)
{
r=n%10;
rev=rev*10+r;
n=parseInt(n/10);
}
document.write("Reverse="+rev);
</script>
</html>

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

PROGRAM TO PRINT SUM OF INDIVIDUAL NUMBER

<html>
<script language="javascript">
var sum=0,i,r,n;
n=prompt("enter number");
while(n>0)
{
r=n%10;
sum=sum+r;
n=parseInt(n/10);
}
document.write(sum);
</script>
</html>

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

PROGRAM TO PRINT NTH FIBBONACCI SERIES

<html>
<title>fibbonaci series</title>
<script language="javascript">
var fib1=0,fib2=1,fib3,n,i;
n=prompt("Enter the num");
if(n==1)
document.write(fib1);
else
document.write(fib1);
document.write("<br>");
document.write(fib2);
document.write("<br>");
for(i=3;i<=n;i++)
{
fib3=fib1+fib2;
document.write(fib3);
document.write("<br>");
fib1=fib2;
fib2=fib3;
}
</script>
</html>

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE


Shree Chatrapati Shivaji Maharaj First Grade College Bhalki
Bhalki, Dist: Bidar-585328

HTML PROGRAMS DEPARTMENT OF COMPUTER SCIENCE

You might also like