Scribd
Upload
88 views24 pages

HTML Project: Done By:-Huzaifa.M. Class:-X School: - Radcliffe School Under The Guidance Of:-Bhavani Mam

This document is a collection of HTML coding examples created by Huzaifa M. in class 10 under the guidance of Bhavani Mam. It includes 10 examples of HTML tags, elements, and basic page formatting that demonstrate how to structure text, add images, create links, and style content for web pages. The codes cover headings, paragraphs, inline images, tables, lists, and more to showcase fundamental HTML skills.

Uploaded by

Huzaifa
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
88 views24 pages

HTML Project: Done By:-Huzaifa.M. Class:-X School: - Radcliffe School Under The Guidance Of:-Bhavani Mam

This document is a collection of HTML coding examples created by Huzaifa M. in class 10 under the guidance of Bhavani Mam. It includes 10 examples of HTML tags, elements, and basic page formatting that demonstrate how to structure text, add images, create links, and style content for web pages. The codes cover headings, paragraphs, inline images, tables, lists, and more to showcase fundamental HTML skills.

Uploaded by

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

HTML

PROJECT
DONE BY:-
HUZAIFA.M.
CLASS:-X
SCHOOL:- RADCLIFFE
SCHOOL
UNDER THE GUIDANCE
OF:-BHAVANI MAM
WHAT IS HTML?
• HTML is the standard markup language for
creating Web pages.
• HTML stands for Hyper Text Markup
Language
• HTML describes the structure of a Web
page
• HTML consists of a series of elements
• HTML elements tell the browser how to
display the content
• HTML elements are represented by tags
• HTML tags label pieces of content such as
"heading", "paragraph", "table", and so on
• Browsers do not display the HTML tags, but
use them to render the content of the page
HTML TAGS
• HTML Tags
• HTML tags are element names
surrounded by angle brackets:
• <tagname>content goes
here...</tagname>
• HTML tags normally come in
pairs like <p> and </p>
• The first tag in a pair is the start
tag, the second tag is the end tag
• The end tag is written like the start
tag, but with a forward
slash inserted before the tag name
HTML 1 CODINGS

<html>
<head>
</head>
hi myself huzaifa. I am
studying in class 10.
</body>
</html>
TML 1 OUTPU
HTML 2 CODINGS
<HTML>
<HEAD>
<TITLE> PARAGRAPH ALIGNMENTS </TITLE>
</HEAD>
<BODY>
<P ALIGN= CENTER> CZECK REPUBLIC
</P>
<P ALIGN= LEFT> MY FAVOURITE COUNTRY IS CZECK
REPUBLIC. ITS A COUNTRY OF GREENERY.
</P>
<P ALIGN= CENTER> ITS A COUNTRY IN CENTRAL EUROPE.
IT HAS GERMANY TO THE WEST
AUSTRIA TO THE SOUTH
AND SLOVAKIA TO THE EAST.
ITS A COUNTRY WHERE YOU SHOULD GO
ONCE IN YOUR LIFE.
</P>
</BODY>
</HTML>
HTML 2
OUTPUT
HTML 3 CODINGS

<HTML>
<HEAD>
<TITLE> INLINE IMAGES </TITLE>
</HEAD>
<BODY>
HI MY NAME IS HUZAIFA <IMG
SRC=file:///C:/Users/account/Docum
ents/IMG-20190422-WA0094.jpg> A
WONDERFUL TRIP TO CAIRO
PHOTO WITH PYRAMID
</BODY>
</HTML>
TML 3 OUTPU
HTML 4 CODINGS

<HTML>
<BODY>
<P>
HI GUYS MY NAME IS HUZAIFA.
TODAY I AM GOING TO TELL U ABOUT
MY FAVOURITE COUNTRY
MY FAVOURITE COUNTRY IS CZECK
REPUBLIC
ITS A COUNTRY IN EUROPE.
<TABLE BORDER="3" ALIGN="LEFT">
<TR>
<TD>COUNTRY</TD>
<TD>CZECK REPUBLIC</TD>
</TR>
</TABLE>
TML 4 OUTPU
HTML 5 CODINGS
<HTML>
<BODY>
<TABLE BORDER="1">
<THEAD BGCOLOR="RED">
<TR>
<TD>COUNTRY</TD>
<TD>CZECK REPUBLIC</TD>
</TR>
</THEAD>
<TBODY BGCOLOR="CHOCOLATE BROWNY">
<TR>
<TD>SPORT</TD>
<TD>FOOTBALL</TD>
<TFOOT ALIGN=RIGHT BG COLOR=GREEN>
<TR>
<TD>FOOD</TD>
<TD>PIZZA</TD>
</TR>
</TFOOT>
</TABLE>
</BODY>
</HTML>
TML 5 OUTPU
HTML 6 CODINGS

<HTML>
<BODY>
<P>
<A HREF="LASTPAGE.HTM">
CZECK REPUBLIC A DREAM LAND
</A>
THIS IS A LINK TO A PAGE OF DREAM
</P>
<A HREF="HTTP://WWW.CZECKREPUBLIC.COM/">
THIS SITE</A> IS A LINK TO THE WIKIPEDIA OF CZECK
REPUBLIC
</P>
</BODY>
</HTML>
TML 6 OUTPUT
HTML 7 CODINGS
<HTML>
<HEAD>
<TITLE> MOST DANGEROUS BIRD!!!!!!!!!</TITLE>
</HEAD>
<BODY>
<FONT SIZE 4 FACE="Bradley Hand ITC">
<P>
THE MOST DANGEROUS ANIMAL IS OSTRICH.<BR> ITS
A BIRD WHICH IF ONCE HITS YOU FROM ITS BEAK
YOU WOULD DIE 100%.<BR> SO BE CAREFUL
WHENEVER YOU SEE AN OSTRICH BE
CAREFULLLL!!!!!!!!!!!!.<BR>THE NEXT MOST
DANGEROUS BIRD IS EAGLE.<BR> ITS A BIRD WITH
SHARP BEAK.<BR>IF YOU GET JUS A LIGHT CUT
FROM TS BEAK ITS SURE THAT THE BLEADING
WONT STOP FOR DAYS. <BR>YOU SHOULD
CONSULT A DOCTOR AS SOON AS POSSIBLE.
<HR SIZE=18>
<HR SIZE=36>
<HR SIZE=87>
</BODY>
</HTML>
HTML 7 OUTPU
HTML 8 CODINGS
<HTML>
<HEAD>
<TITLE>KOALA AND PENGUINS</TITLE>
</HEAD>
<BODY>
FIRST I AM GOING TO TALK ABOUT KOALA.<BR>
<IMGSRC="file:///C:/Users/account/Desktop/Koala.jpg"ALT=
"TRUFFLI"WIDTH="20
HEIGHT="250"><BR>
ITS A WONDERFUL ANIMAL.<BR>IT USUALLY LIVE ON
TREES
</BODY>
<BODY>
SECONDLY I AM GOING TO TALK ABOUT PENGUINS.
<IMGSRC="file:///C:/Users/account/Desktop/Penguins.jpg""
ALT="TRUFFLI"WIDTH="200"
HEIGHT="250">
ITS A BIRD LIVING IN ICY AREA USUALLY FOUND
EXTREME COLD AREA LIKEANTARTICA.<BR> IN
ANTARTICA DUE TO GLOBAL WARMING THE LAND OF
ICE IS BEEN REDUCED AND THE PENGUINS ARE
BEING DIED.<BR>WE NEED TO STOP THIS.<BR>IT IS
BELEIVED THAT IN 50 YEARS THE PENGUINS WILL
BE EXTINCTED FROM EARTH.
</BODY>
</HTML>
HTML 8 OUTPU
HTML 9 CODINGS
<HTML>
<HEAD>
<TITLE>INDIAN TIGER</TITLE>
<BODY bgcolor = "turquoise">
<h1 align=center >INDIAN TIGER</h1>
INDIAN TIGERS ARE VERY
DANGEROUS .MOSTLY THEY FOUND IN
NATIONAL PARKS .TIGER IS NATIONAL
ANIMAL OF INDIA.
<marquee>
<IMG SRC="TIGER.JPG" align= center
width="200PX" height="200PX">
</marquee><a href ="indiantiger.html">click
here for more information</a>
THANKS</BODY></HEAD></HTML>
TML 9 OUTPUT
HTML 10 CODINGS
<HTML>
<HEAD>
<TITLE>ELEPHANTS</TITLE>
</HEAD>
<BODY BG COLOR="YELLOW"LINK="BLACK"VLINK="GREEN">
<FONT FACE="Simplified Arabic Fixed"COLOR="RED">
<H2 ALIGN="CENTER">ELEPHANTS</H2></FONT>
<FONT FACE="Segoe Script">
<IMG SRC="C:\Users\account\Desktop\ELEPHANTS 1.JPG" "

HEIGHT="150" WIDTH="200" ALIGN= "RIGHT">


<IMG SRC="C:\Users\account\Desktop\ELEPHANT 2.JPG"

HEIGHT="150" WIDTH="200" LIGN= "LEFT">


THE INDIAN ELEPHANT (ELEPHAS MAXIMUS INDICUS) IS ONE OF

THREE RECOGNISED SUBSPECIES OF THE ASIAN ELEPHANT AND

NATIVE TO MAINLAND ASIA. SINCE 1986, ELEPHANTS MAXIMUS

HAS BEEN LISTED AS ENDANGERED BY IUCN AS THE POPULATION

HAS DECLINED BY AT LEAST 50% OVER THE LAST THREE

GENERATIONS, ESTIMATED TO BE 60-75 YEARS. ASIAN

ELEPHANTS ARE THREATENED BY HABITAT LOSS, DEGRADATION

AND FRAGMENTATION.
<P>
SEE ALSO:-
<UL>
<LI> <A HREF="SRI LANKANELEPHANT.WIKI"> SRI LANKAN
ELEPHANT </A> </LI>
<LI> <A HREF="SUMATRANELEPHANT.WIKI"> SUMATRAN
ELEPHANT </A> </LI>
<LI> <A HREF="BORNEOELEPHANT.WIKI"> BORNEO ELEPHANT </A>
</LI>
<LI> <A HREF="AFRICANELEPHANT.WIKI"> AFRICAN ELEPHANT </A>
</LI>
</UL>
<TABLE ALIGN= "CENTER" BORDER="1" WIDTH= "250">
<CAPTION> THREATS TO ELEPHANTS </CAPTION>
<TR>
<TD>ILLEGAL HUNTING</TD>
</TR>
<TR>
<TD>INDUSTRIALISATION</TD>
</TR>
<TR>
<TD>HABITAT LOSS</TD>
<TR>
<TD>DISEASE</TD>
</TR>
</TABLE>
<P>
<FONT SIZE="2" ><CENTER>FOR FUTHER INQUIRIES AND
RESERVATIONS
<A [email protected]>CONTACT US </A>
</CENTER>
</P>
</BODY>
</HTML>
TML OUTPUT 1

You might also like