Scribd
Upload
4 views

Computer File

The document is a project submission by Arnav Gupta for his computer class, focusing on HTML coding. It includes an acknowledgment section, an index of topics covered, and various HTML code examples demonstrating different tags and properties. The project concludes with a certificate of completion for Arnav Gupta under the guidance of Mr. Govind Mandal.

Uploaded by

alankritgupta741
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
4 views

Computer File

The document is a project submission by Arnav Gupta for his computer class, focusing on HTML coding. It includes an acknowledgment section, an index of topics covered, and various HTML code examples demonstrating different tags and properties. The project concludes with a certificate of completion for Arnav Gupta under the guidance of Mr. Govind Mandal.

Uploaded by

alankritgupta741
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 17

SESSION: 2024 – 2025

HTML “FILE”

SUBMITTED BY:- SUBMITTED TO:-

NAME :- ARNAV GUPTA MR. GOVIND MANDAL

CLASS :- X ‘C’

ROLL NO. :- 4

TEACHER SIGN –

[1]
ACKNOWLEDGEMENT

Firstly, I would like to thank our computer teacher Mr.


Govind Mandal , because he always supported and
guided us while doing this project. He very well cleared
all the doubts I had regarding this project. Also, I would
like to especially thank my parents and friends who
helped me a lot to complete this project within the
limited time.
The journey of making this project has been beautiful,
as well as knowledgeable for me and I have learned a
lot from it.
Once again, thanks to everyone who was involved with
this project from beginning to end.

[2]
INDEX
PAGE NO.
1. CENTER TAG 4
2. BOLD ITALIC AND UNDERLINE TAG 5
3. CHARACTER ENTITIES 6
4. NBSP TAG 7
5. NESTED LIST 8
6. EXTERNAL LINKING 9
7. CREATING AN E-MAIL LINK 10
8. TABLE USING THEAD, TBODY, TFOOT 11 - 12
9. FORM TAG USING TEXT BOX 13
10. BODY PROPERTIES USING CSS 14 - 15
11. CSS USING FLOAT PROPERTY 16

[3]
Center Tag
<HTML>

<HEAD>

<TITLE>Creating Paragraphs</TITLE>

</HEAD>

<BODY>

<P Align= "Center">

<B> THOUGHT OF THE DAY </B>

</P>

<P Align= "Justify"> Each new day is a new challenge. To stay fresh
and alive in spirit, there must be change. Find new tactics, methods,
and modes of operation that are right for today's situation, otherwise
you will be left behind and eventually forgotten. </P>

<P Align="Right"> KIPS TEAM </P>

<CENTER> Always Remember: <BR>

GOD HELPS THOSE WHO HELP THEMSELVES

</CENTER></BODY></HTML>

OUTPUT :-

[4]
Bold Italic And Underline
<HTML>

<HEAD>

<TITLE>Creating Paragraphs</TITLE>

</HEAD>

<BODY>

<P> In this program, we have used Formatting effects on the text. </P>

<CENTER><P> <B> KIDS POOL - A COMPUTERCOURSE </B></P>

<U> GIVE YOUR CHILD A MEMORABLE VACATION</U><BR>

<I> Organized by: KIPS Learning Solutions </I>

</CENTER>

</BODY></HTML>

OUTPUT :-

[5]
CHARACTER ENTITIES
<HTML>

<HEAD>

<TITLE> DISPLAYING SPECIAL SIGNS</TITLE>

</HEAD>

<BODY Bgcolor="Lightgreen">

45 &LT 57<BR><BR>

95 &GT 29 <BR><BR>

Adding 20 &AMP 30 gives the result 50.

</BODY></HTML>

OUTPUT :-

[6]
nbsp
<HTML>

<HEAD>

<TITLE>

Using "nbsp;" Tag

</TITLE>

</HEAD>

<BODY Bgcolor="Pink"><BR><BR>

ALWAYS BE &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; TRUTHFUL &nbsp; &nbsp;


&nbsp; &nbsp;&nbsp; AND &nbsp; &nbsp; &nbsp; &nbsp; HONEST. YOU WILL
GAIN RESPECT AMONG OTHERS.

<P Align="Right"> KIPS TEAM.</P>

</BODY></HTML>

OUTPUT :-

[7]
NESTED LIST ( OL & UL)
<HTML>

<HEAD>

<TITLE>INSERTING LIST</TITLE>

</HEAD>

<BODY Bgcolor = "Green" Leftmargin =50 Topmargin =25>

<B><FONT size=8 Color = "Yellow" >

Components of Digestive System </FONT></B>

<FONT Size=6 Color = "White">

<UL Type="Circle">

<LI> Mouth<LI>Throat <LI>Esophagus

<LI>Stomach <LI>Small and Large Intestine

<LI>Rectum and Anus

</UL></FONT>

<B><FONT size=8 Color = "Cyan"> Components of Circulatory

System</FONT></B>

<FONT Size=6 Color = "White">

<OL Type="a">

<LI>The Heart <LI>Arteries

<LI>Veins<LI>Blood</OL>

</FONT>

</BODY></HTML>

OUTPUT :-

[8]
EXTERNAL Linking

<HTML>

<HEAD>

<TITLE>

LINKING WEBSITES

</TITLE>

</HEAD>

<BODY Bgcolor="cyan">

<UL>

<LI> <A Href="http://www.amazon.com/"> Amazon site </A>

<LI><A Href="http://www.intel.com/"> Intel Corporation </A>

<LI> For standard Hardware <A Href="http://www.ibm.com/"> IBM


Corporation </A>

<LI> For standard Software <A Href="http://www.microsoft.com/">


Microsoft Corporation </A>

</UL>

</BODY></HTML>

OUTPUT
:-

[9]
CREATING AN E-MAIL LINK
<HTML>

<HEAD>

<TITLE> USING E-MAIL LINK </TITLE>

</HEAD>

<BODY Bgcolor="Pink" Leftmargin=75 Topmargin=50>

<H1>You are welcome to mail us your suggestions regarding our


books.</H1><BR>

<CENTER>

<A Href="mailto:[email protected]">Kips Learning Pvt. Ltd.</A>

</CENTER>

</BODY>

</HTML>

OUTPUT :-

[10]
TABLE USING THEAD, TBODY, TFOOT
<HTML>

<HEAD>

<TITLE> Using Thead, Tbody, and Tfoot </TITLE>

</HEAD>

<BODY>

<TABLE>

<THEAD Bgcolor="orange">

<TR>

<TH>Book</TH>

<TH>Price</TH>

</TR>

</THEAD>

<TBODY Bgcolor="lightgreen">

<TR>

<TD>The Guide</TD>

<TD>$100</TD></TR>

<TR>

<TD>Midnight's

Children</TD>

<TD>$150</TD>

</TR>

</TBODY>

<TFOOT Bgcolor="lightpink">

<TR>

[11]
<TD>Total</TD>

<TD>$250</TD>

</TR>

</TFOOT>

</TABLE>

</BODY></HTML>

OUTPUT:-

[12]
FORM TAG USING TEXT BOX
<HTML>

<HEAD>

<TITLE> using formel eLments</TITLE>

</HEAD>

<BODY Bgcolor="Cyan">

<FORM>

Name <INPUT Type= "Text" Name="First Name" Size=30 Maxlength=10


Value=""><BR><BR>

Father's Name <INPUT Type= "Text" Name="Second Name" Size=


30Maxlength= 10Value="">

</FORM>

</BODY>

</HTML>

OUTPUT:-

[13]
BORDER PROPERTIES USING CSS
<HTML>

<HEAD>

<TITLE> border property</TITLE>

<STYLE Type="text/css">

Body{Background-color:#F5A9A9; Color: black;}

</STYLE></HEAD>

<BODY>

<P style="Font-family:monotype corsiva; Font-size: 40px; Font-


weight: normal; Border-style:ridge; Border-color:blue; Border-
width:thick;"> Think Big and Don't Listen To People Who Tell You
It Can't Be Done. Life's Too Short To Think Small.</P>

<P Style="Font-family:monotype corsiva; Font-size:40px; font-


weight: normal; Border-style:groove; Border-color: yellow;
Border-width: medium;"> We Become What We Think About.

</P>

<P Style="Font-family:monotype corsiva; Font-size:40px; Font-


weight: normal; Border-style: dashed; Border- color:green;
Border-width: medium;"> A Clear Vision, Backed By Definite
Plans, Gives You A Tremendous Feeling Of Confidence And Personal
Power.</P>

<P style="Font-family:monotype corsiva; Font-size:40px; Font-


weight: normal; Border-style:dotted; Border-color:yellow;

Border-width:thick;"> Success Does Not Consist In Never Making


Mistakes, But In Never Making The Same One A Second Time.</P>

<P style="Font-family:monotype corsiva; Font-size:40px; Font-


weight: normal; Border-style:double; Border-color:red; Border-
width:thick;"> Be not afraid of life. Believe that life is worth
living, and your belief will helpcreate the fact.</P>

[14]
<P style="Font-family:monotype corsiva;
Fontsize:40px;Fontweight:normal; Border-style:inset; Border-
Border-width:thick;"> Even if you're on the right track, you'll
get run over if you just sit there.</P>

<P style="Font-family:monotype corsiva; Font-size:40px; Font-


weight: normal; Border-style:outset; Border-color:green;

<Pcolor:blue; Border-width:thick;"> Nurture your mind with great


thoughts. To believe in the heroic makesheroes.</P>

</BODY>

</HTML>

OUTPUT:-

[15]
CSS USING FLOAT PROPERTY
<HTML>

<HEAD>

<STYLE>IMGfloat: left;</STYLE>

</HEAD>

<BODY>

<H1>

<font color="green">The Float Property</FONT>

</H1>

<P>In this example, the image will float to the left side of the text,
and the text in the paragraph will wrap around the image.</P>

<P>

<IMG src="browser.jpg" border=1 style="width:170px; height:170px;


margin-right:15px;">A web browser (commonly referred to as a browser)
is a software application for accessing information on the World Wide
Web. Each individual web page, image, and video is identified
by a distinct Uniform Resource Locator enabling browsers to retrieve
these resources from a web server and display them on the user's
device.(URL),A web browser is not the same thing as a search engine,
though the two are often confused. For a user, a search engine is just
a website, such as google.com, that stores searchable data about other
websites. But to connect to a website's server and display its web
pages, a user needs to have a web browser installed on their
device.The most popular browsers are Chrome, Firefox, Safari, Internet
Explorer, and Edge.</P>

</BODY>

</HTML>

OUTPUT:-

[16]
CERTIFICATE
THIS IS TO CERTIFY THAT “ARNAV GUPTA” STUDENT OF
CLASS – 10TH HAS SUCCESSFULLY COMPLETED THE
COMPUER PROJECT ON “HTML” UNDER THE GUIDANCE
OF “MR. GOVIND MANDAL”

[17]

You might also like