Scribd
Upload
55 views16 pages

R.E.D School, Charkhi: Computer Applications

The document contains 12 HTML programs demonstrating various HTML tags and concepts: 1. Programs for heading, image, font, basefont, unordered list, table, external linking, internal linking, paragraph, horizontal rule, ordered list, nested list, special characters, and mailto links. 2. Each program provides the HTML code and output to demonstrate a different HTML feature, such as headings, images, fonts, lists, tables, links, breaks, and special characters. 3. The programs are submitted by Lokesh for his class project on computer applications to his teacher Mr. Vinit Bansal at R.E.D School, Charkhi.

Uploaded by

Disodia Sahil
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as ODT, PDF, TXT or read online on Scribd
55 views16 pages

R.E.D School, Charkhi: Computer Applications

The document contains 12 HTML programs demonstrating various HTML tags and concepts: 1. Programs for heading, image, font, basefont, unordered list, table, external linking, internal linking, paragraph, horizontal rule, ordered list, nested list, special characters, and mailto links. 2. Each program provides the HTML code and output to demonstrate a different HTML feature, such as headings, images, fonts, lists, tables, links, breaks, and special characters. 3. The programs are submitted by Lokesh for his class project on computer applications to his teacher Mr. Vinit Bansal at R.E.D School, Charkhi.

Uploaded by

Disodia Sahil
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as ODT, PDF, TXT or read online on Scribd
You are on page 1/ 16

1

R.E.D SCHOOL,CHARKHI
COMPUTER APPLICATIONS

PROJECT WORK

SUBMITTED TO : MR.VINIT BANSAL

SUBMITTED BY : LOKESH

ADMISSION NO. : 1739

CLASS : 10TH “MARS”

Mohit
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:
1

# 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:

Mohit
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:
1

# 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:

Mohit
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''>
1

<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:

Mohit
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:
1

#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:

Mohit
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:
1

# 9.HTML PROGRAM FOR ORDERED LIST


<html>
<head>
<title>Ordered List</title>
</head>
<body>
<body bgcolor="yellow">
<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:

Mohit
12

#10.HTML PROGRAM FOR NESTED LIST


<html>
<body bgcolor=''yellow''>
<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>
1

output:

Mohit
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:
1

#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:

Mohit
16

You might also like