You are on page 1of 16

R.E.

D SCHOOL,CHARKHI
COMPUTER APPLICATIONS

PROJECT WORK

SUBMITTED TO : MR.VINIT BANSAL

SUBMITTED BY : MOHIT

ADMISSION NO. : 2059

CLASS : 10TH ''MARS''


2

HTML PROGRAMS

#1.HTML PROGRAM FOR HEADING TAG


<html>
<head>
<title>Heading in HTML</title>
</head>
<body bgcolor="Sky blue">
<h1>RED1</h1
<h2>RED2</H2>
<h3>RED3></H3>
<h4>RED4</H4>
<h5>RED5</H5>
<h6> RED6</H6>
</body>
</html>
output:
# 2.HTML PROGRAM FOR IMAGE TAG
<html>
<head>
<title> Image Tag</title>
</head>
<body bgcolor="yellow">
<font color="black" size="50">
Now a image will be shown here<br>
<center><img src="D:\Images\RED\redcc.jpg"
height="600" width="1200"></center>
</font>
</body>
</html>
Output:
4

# 3.HTML PROGRAM FOR FONT &BASEFONT


<html>
<head>
<title>Font & Basefont</title>
</head>
<body bgcolor=''yellow''>
<font face="Algerian" color="red" size="100">
THIS IS BY USING FONT TAG.
</font>
<basefont face="Algerian" color="red" size="100">
THIS IS BY USING BASEFONT TAG.
</basefont>
</body>
</html>
Output:
# 4.HTML PROGRAM FOR UNORDERED LIST
<html>
<head>
<title>Unordered List</title>
</head>
<body bgcolor=''sky blue''>
<font size="30" color="red">
Games<br>
<ul type="square">
<li>Apple</li>
<li>Banana</li>
<li>Pomegranet</li>
<li>Grapes</li>
<li>Orange</li>
<li>Kiwi</li>
</ul
</font>
</body>
</html>
Browser view:
6

# 5. HTML PROGRAM FOR TABLE TAG


<html>
<body bgcolor=''sky blue''>
<font face="algerian" size="30">
<table border="4" height="100%" width="100%">
<tr bgcolor="yellow''>
<td>1</td>
<td>English</td>
<td>Miss.Nisha vats </td>
</tr>
<tr bgcolor="yellow">
<td>2</td>
<td>Hindi</td>
<td>Mr.Mukesh Tanwar</td>
</tr>
<tr bgcolor="yellow''>
<td>3</td>
<td>Maths</td>
<td>Mr.Amit Dahiya</td>
</tr>
<tr bgcolor="yellow''>
<td>4</td>
<td>Science</td>
<td>Mrs.kishu Phogat</td>
</tr>
<tr bgcolor="yellow''>
<td>5</td>
<td>social science</td>
<td>Mrs.Prem Lata</td>
</tr>
<tr bgcolor="red''>
<td>6</td>
<td>Computer</td>
<td>Mr.Vinit Bansal</td>
</tr>
</table>
</font>
</body>
</html>
Output:
8

#6.HTML PROGRAM FOR EXTERNAL LINKING


<html>
<head>
<title>External Linking</title>
</head>
<body bgcolor=''sky blue''>
Here you will able to see a new link
<a href="D:\Documents\sample.css"><br>New link
</a>
</body>
</html>
Output:
#7.PROGRAM OF INTERNAL LINKING
<html>
<head>
<title>Internal Linking</title>
</head>
<body bgcolor=''output''>
showing internal linking
<A name="sample"><B>sample</B></A>
here<br> it<br> is <br>a<br> segment<br> which<br>is
<br>linked<br>to<br>another<br>one<br>down<br>this<br>ty
pe<br>of<br>linking<br>is<br>called<br>Internal<br>Linking
<A href="#sample">Link to that mark <I>i.e.</I>Sample</A>
</body>
</html>
output:
10

#8.PROGRAM FOR BR,PARAGRAPH AND HR


<html>
<head>
<title>Break,Paragraph and Horizontal Rule Tag</title>
</head>
<body bgcolor="sky blue''>
<font size="20" color="blue">
<p>This is using paragraph tag in HTML now I am using Break
tag of HTML<br>Now the content will shift to another line</p>
Now I am using Horizontal Tag<hr size="100" width="50"
color="blue" noshade>
</font>
</body>
</html>
output:
# 9.HTML PROGRAM FOR ORDERED LIST
<html>
<head>
<title>Ordered List</title>
</head>
<body>
<body bgcolor="sky blue''>
<font size="50" color="red">
Games<br><ol type="1">
<li>Apple</li>
<li>Banana</li>
<li>Pomegranet</li>
<li>Grapes</li>
<li>Orange</li>
<li>Kiwi</li>
</font></body>
</html>
Browser view:
12

#10.HTML PROGRAM FOR NESTED LIST


<html>
<body bgcolor=''sky blue''>
<font face ="algerian" size="30">
<h1>LIST IN HTML</H1>
<ol type="1">
<li>Computer Syllabus
<ul>
<li>ch.1 (Internet Basics)
<li>ch.2(Internet services and mobile technologies)
<li>ch.3(HTML-1)
<li>ch.4(HTML-2)
<li>ch.5(CSS)
<li>ch.6(cyber Ethics)
</ul>
<li>Other Chapters
<ul>
<li>ch.7(scratch)
</ul>
</ol>
</body>
</html>
output:
14

#11.PROGRAM FOR SPECIAL CHARACTER


<html>
<head>
<title>Special Character</title>
</head>
<body bgcolor="sky blue
<font size="50">
Here you will able to see some special
characters<br>
&lt;<br>
&gt;<br>
&amp;<br>
&nbsp;<br>
</font>
</body>
</html>
Output:
#12.HTML PROGRAM FOR MAILTO LINK
<html>
<head>
<title>Mailto Link</title>
</head>
<body bgcolor="yellow" link="purple">
<font size="50">
Showing Mailto Link as <a
href="mailto:pace_Mohit.com?
SUBJECT="Here is Mailto
Link">pace_Mohitl.com</A>
</font>
</body>
</html>
Output:
16

You might also like