HTML

HTML = Hyper Text Markup Language html stand
for hyper text markup. It is you wrestle

language to dissent for web page. It was
develop by Tim burner lee. There are to ports
html language.
Header Section= It is the first port of html
programme. Its content title of heading tag.
Body tag = It is the second section of html
programme. It is used for bee color and
background on web pages.
Tags= HTML is not a support we can use its for
web dissent we type the html programme on
notepad programme and output Internet see on
web page like Internet Explorer.
Programme NO-1
<HTML>
<HEAD>
<TITLE>Creating a First Programme<TITLE>
<BODY BGCOLOR=RED>
<H1>Excel Net Computer Center</H1>
<H2>Cinema Road Hardoi</H2>
<H3>Mobile No-9670574384, 9565383042</H3>
</BODY>
</HEAD>
</HTML>
HTMLQkby dks save djrs le; uke ds vkxs .HTML
yxk;sA
Headings level
Html provides six predefined levels of heading
tag.
The <h1> tag contents number for heading.
Quinton = Which is used to define the levels of
heading?
Ans =The <h1> tag define the highest level of
heading and <h6> of define the lowest level of
heading.
Programme NO-2
<HTML>
<HEAD>
<TITLE>Creating a Programme For Headings
level</TITLE>
<BODY BGCOLOR=RED>
<H1>My Name is Suresh Tiwari level 1</H1>
<H2>Cinema Road Hardoi level2</H2>
<H3>Mobile No-9670574384, 9565383042 level

3</H3>
<H4>Excel Net Computer Center level 4</H4>
<H5>My Father Name is Rajesh tiwari level
5</H5>
<H6>Address-Bakhtawar purwa bilgram road hardoi
level 6</H6>
</BODY>
</HEAD>
</HTML>
Creating
programme
Paragraph play Every Impotent Role in for
Mailing the test inside a Used page Html
provide the <P> tag for Creating paragraph.
Programme NO-3
<HTML>
<HEAD>
<TITLE>Creating a Programme For Headings
levels</TITLE>
<BODY BGCOLOR=RED>
<H1>My Name is Suresh Tiwari level 1</H1>
<H2>Cinema Road Hardoi level2</H2>

<P>Honesty is the best policy Hard work is key
of Success </P>
<P>Make New Friends but dont forget old
because New is silver and old is gold</P>
</BODY>
</HEAD>
</HTML>
Inserting
Image
We can also Insert in our web page we use we
Image <Body background=Image Address>
Programme NO-4
<HTML>
<HEAD>
<TITLE>Creating a Programme For Inserting
Image</TITLE>
<BODY BACKGROUND=Image Address>
<H1>My Name is Suresh Tiwari</H1>
<H2>Cinema Road Hardoi</H2>
<P>
</P>
<P>
</P>
<Font Face=Arial Black Font Color=Red

Font Size=48>
</BODY>
</HEAD>
</HTML>
Image Address= Image dks Insert djus ds fy,
[window+e]button dks click djrs gSA rFkk ftl Drive
ij tkrs gSA mls Open djrs gSA Image ij click djrs
gSA rFkk Right button dks click djrs gSA vkSj
Open with Optionij click djrs gSA Internet
Explorerij clickrFkk Address bar ij tk dj Address dks
copy djrs gSA rFkk Image dks Address dks paste
djrs gSA [Ctrl+V]
Hyper link
The Hyper link is one of the most basic
elements of the HTML the text that is used to
Create the link is called Hyper text and the
link is called hyper link
You can Click with mouse to View the other page
and Hiccough inked a link by moving your Curser
over the link.
The virginity of the curser will change form on
arrow to pointing finger.
When you click on a link the bra user will
display the new page link.
PROGRAMME NO. 5
<HTML>
<HEAD>
<TITLE>Creating a Programme For Hyper
Link</TITLE>
<BODY BGCOLOR="#FFFF00;L">
<BR>
Devi Puji Pad Kalam Lum Hare Surhar Muni Sb
Hohi Suk Hare
(The port to text will be display be for the
link)
</BR>
<BR>
<A
Href="C:\Users\Raj\Pictures\photo\RAMU).gif">Cl
ick Herat to View the image</A>
</BR>
</BODY>
</HEAD>
</HTML>
Bold Italic, under,
line, Subscript, Super script tag
In HTML programme we can use this tag for under

line, Bold, Italic, it the text etc.
Creating a programme for Bold and Italic under
line subscript, super script tag match on the
text.
Programme No.6
<HTML>
<HEAD>
<TITLE>creating a porgramme for bold italic,
underline, subscript, supersxript the
test</TITLE>
<Body
Background="C:\Users\Raj\Pictures\photo\RAMU,..
gif">
<H1>excel net computer center</H1>
<H2><b>bakhtawar purwa bilgram road
hardoi</B></H2>
<H3><i>ramesh is a good boy<i></H3>
<H4><u>govind is making a noise</U></H4>
<H5><B><I><U>mohan, sohan,
govind</U></I></B></H5>
<Br>
<Br>
<A href="C:\Users\Raj\Pictures\photo\Orchid
5.jpg">cliek here to view the image</a>
<H6>kamal is a bad</H6>
<Br>
</HEAD>
</Body>
</HTML>
Medline bad and color code
All the quantity of page on written insert the
body tag html provide bicolor at trivia to
change the background to color of web page.
The syntax for using the background color at
trivets can be assign specie free the name of
the color and put before the hexes decimal
velour before the color code.
Programme No.7
Color name
color code
Black
#000000
<body bgcolor=#000000>
Red
#ff0000
Sky blue
#000ffff
Yellow
#ffff00
Pink
#ff00ff
Gray
#c0c0c0
Parrot green
#00ff00
Blue
#0000ff
White
#ffffff
Cyan
#66ffcc
Light pink
#ff6699
Orange
#ff6600
Bight pink
#ff3399
Silver
#c0c0c0
Chocolate
#5c3317
Creating Scroll
table
Scroll table is the type open HTML table that
constraint. The scrolls view the larvae
information with in few space. The scroll table
can be created <DIV>tag to group all the
eliminate of the table and its style atria
bates
PROGRAMME NO.8
<HTML>
<Head>
<Title>Creating a Scroll Table</Title>
</Head>
<Body>
<Dn Style=hight:100px;width;180px:font
size:l4px;over flow:auto;>
<Table Border=10>
<Tr>
<Body Bgcolor="Red">
<Th>Name</th>
<Th>Address</Th>
<Th>Pin Code No</Th>

<Th>Mobile No</Th>
</Tr>
<Tr>
<Td>Veeresh Kashyap</Td>
<Td>Bilgram Road Hardoi</Td>
<Td>241001</Td>
<Td>9670574384</Td>
</Tr>
<Tr>
<Td>Mohan</Td>
<Td>Cinema Road Hardoi</Td>
<Td>241001</Td>
<Td>9919326669</Td>
<Tr>
<Tr>
<Td>Veerend Kumar</Td>
<Td>Lucknow Road Hardoi</Td>
<Td>241001</Td>
<Td>9847367644</Td>
</Tr>
<Tr>
<Td>Raju Varma</Td>
<Td>Policy Line Road Hardoi</Td>
<Td>241001</Td>
<Td>8755325357</Td>
</Tr>
</Table>
</Body>
</HTML>
Super
Scraped Sub scraped Tags
The <SUB>tags Define Sub scraped text Sub
scraped oppress haft a character below bas line
Sub scraped text can be used for chemical
formula like H2O the <Sup> tag define super
scraped text super scraped text oppress half a
character above the pose line super scraped tag
can be used for mathematics formula like
A2+B2+2AB
PROGRAMME NO.
9
<HTML>
<HEAD>
<TITLE>Creating a Programme Sub Nd Sup</TITLE>
<BODY BGCOLOR="#FFFF00;L">
</HEAD>
(A+B)<SUP>2
</SUP>=A<SUP>2</SUP>+B<SUP>2</SUP>+2ABSin<SUP>2
</SUP>
H<SUB>2</SUB>OAL<SUB>2</SUB>(SO<SUB>4<SUB>)3</S
UB>
</BODY>
</HEAD>
</HTML>
Select Tag
The HTML Select tag is used for define a
scrolling list and a drop-down list various
attributes that can used <Select tag> are be
given below
PROGRAMME
NO.10
<HTML>
<HEAD>
<TITLE>Hollywood zone</TITLE>
<H1>Download the movies</H1>
<H2>Download the song</H1>
</HEAD>
<BODY BGCOLOR=GREEN>
<Font Face=Gourmand Font size=22Font
Color=pink>
<Marquee>Enjoy the Life with
Bolly<Font></Marquee>
<FORM>
Your Name:<Input Type="Text"Name=VEERESH
KASHYAPsize=20Maxlength=20Value>
<Input type="Radio"Name="Gender"
Value="Male">Male
<Input type="Radio"Name="Gender"
Value="Female">Female
<HR>
Age:<Input
type="Text"Name=AgeSize=10Maxlength=10Val
ue>
<Input type="Submit" Value=Submit>
<Input type=Reset" Value="Reset">
</FORM>
</BODY>
</HTML>
PROGRAMME NO.11
<HTML>
<HEAD>
<TITLE>Creating a programme for selection
tag</TITLE>
<Body Bgcolor="#ffff00">
Choose the city you like:
<Select>
<Option
Value="Hardoi">Hardoi</Option>
<Option
Value="Lucknow">Lucknow</Option>
<Option
Value="Hardoi"Selected>Hardoi</Option>
<Option
Value="Mumbai">Mumbai</Option>
<Option
Value="Kolkata">Kolkata</Option>
</Select>
</Body>
</HEAD>
</HTML>
Text file
The find are used when you want the to type

something (Latter Number) in form in most
browser delete the with of the text field is 20
characters and be can apply password input
type(Redoi button)
PROGRAMME NO. 12
<Html>
<Head>
<Title>Creating A Programme For Selection And
Text Tag</Title>
<Body Bgcolor="#00ff00">
<Form>
First Name:<Input type="Text"Name="First Name">
<Br>
Last Name:<Input Type="Text"Name="Last Name">
</Form>
<Form>
Password:<Input Type="Password"Name="Pwd">
</Form>
<Form>
<Input Type="Radio"
Name="Sex"Value="Male""Checked">Male
<Br>
<Input Type="Radio"
Name="Sex"Value="Female">Female
</Form>
Choose The =City You Like:
<Select>
<Option
Value="Hardoi">Hardoi</Option>
<Option
Value="Lucknow">Lucknow</Option>
<Option
Value="Hardoi"Selected>Hardoi</Option>
<Option
Value="Mumbai">Mumbai</Option>
<Option
Value="Kolkata">Kolkata</Option>
</Select>
</Body>
</Head>
</Html>
HTML Ordered List
Lists play an important rally which Scanty.
Down most or web page the most conmen HTML list
are Ordered and Unordered list
HTML Ordered list
And ordered list start with the <Ol>tag Each

list is start with the <Li>tag list the item
are mated with number like
Kamal
Ram
Suresh
PROGRAMME NO. 13
<HTML>
<HEAD>
<TITLE>Orderd List</TITLE>
<Body Bgcolor="00ff00">
<Ol>
<Li>Hindi
<Li>English
<Li>Mathe
<Li>Social scince
<Li>Dorning
<Li>Scince
</Ol>
</Body>
</HEAD>
</HTML>
Unordered List
And Unordered List cater with the <Ul>is list
PROGRAMME NO. 14
<HTML>
<HEAD>
<TITLE>Unorderd List</TITLE>
<Ul>
<Li>Hindi
<Li>English
<Li>Mathe
<Li>Social scince
<Li>Dorning
<Li>Scince
</Ul>
</Body>
</HEAD>
</HTML>
Defining Image
and Web Page
In HTML with Image with the Image tag the Image
Input the which content only has closing the
Imaging to Display and Image the web page used

the <scr>tree View Shark for Image
PROGRAMME NO. 15
<HTML>
<HEAD>
<TITLE>unorderd list</TITLE>
<Center>
<B><I>
<H1>EXECL NET COMPUTER CENTER HARDOI</H1>
</CENTER>
<H4 ALIGN="CENTER">ADD:CINEMA ROAD HARDOI</H4>
<H5 ALIGN="CENTER">MO NO-9670574384</H5>
<H6 ALIGN="RIGHT"><B><U>MANAGER-SATYENDRA
PRATAP SINGH</U></B></H6>
<HR SIZE="12"COLOR="YELLOW"><HR><BR>
<H2><U><B>MY TEACHERS.......</B></U></H2>
<FONT FACE="ALGERIAN"COLOR="RED">
<UL>
<LI>SATYENDRA KUMAR TRIVEDE
<LI>RAVI KUMAR GUPTA
<LI>ROHIT SHUKLA
<LI>JANVI SINGH
<H3 RIGHT>
<IMG
SRC="C:\Users\Raj\Pictures\photo\RAMU,..gif"ALI
GN="RIGHT">
</I></B>
</UL>
</Body>
</HEAD>
</HTML>
HTML Image Set
(Heights wiodth of Image
The Height and with attributes are used to
Specify the image Height and wiodth of an image
<img Src=Image
address>Height=200wiodth=400>
PROGRAMME NO. 16
<HTML>
<HEAD>
<TITLE>Creating a Programme For Hight and
Wiodth of Image</TITLE>
<Body Bgcolor="Yellow"Text="Red">
<Center>
<H1>Bakhtawar Purwa Bilgram Road Hardoi</H1>

<H2>My Name is VEERESH KASHYAP</H2>
<h3>Mobile No-9565383042</H3>
</Center>
<Hr>
<Marquee><Font Size="2018"Font
Color="Green"><B><I>Creating a Web Page For
Inserting Image</I></B></Marquee>
<Hr>
<P>This Page Written By Me</P>
<Img Src="C:\Program Files\Microsoft
Office\Templates\Camera Roll\Veeresh
kashyap.jpg"Height="200"Width="200">
<P>This Image is My Favour te Image I Like
It</P>
<Img Src="C:\Program Files\Microsoft
Office\Templates\Camera
Roll\G.png"Height="200"Wiodth="350">
</HEAD>
</Body>
</HTML>
Image
Allayment
Like text you can wrap the text around the

image for this we used the tag coaled the
alight $ parameter.
Programme No. 17
<Html>
<Head>
<Title>Creating a Programme For Hight and
Wiodth of Image</Title>
<Body Bgcolor="#00FF00"Text="Red">
<Center>
<H1>Bakhtawar Purwa Bilgram Road Hardoi</h1>
<h3>Mobile No-9565383042</H3>
</Center>
<Img
Src="C:\Users\Raj\Pictures\photo\ROSE.jpg"Align
="Bottom">
Write any Matter or paragraph
<Head>
</Body>
</Html>
Creating a
Paragraph
Chaka box list an user selected one or mare.
Programme No. 18
<Html>
<Head>
<Title>Creating a Programme For Hight and
Wiodth of Image</Title>
<Body Bgcolor="#00FF00"Text="Red">
<Center>
<H1>Bakhtawar Purwa Bilgram Road Hardoi</h1>
<h3>Mobile No-9565383042</H3>
</Center>
<Form>
<Input
type="Checkbox"Name="Interest"Value="Reading">R
eading<Br>
<Input
type="Checkbox"Name="Interest"Value="Teaching">
Teaching<Br>
<Input
type="Checkbox"Name="Interest"Value="Music">Mus
ic<Br>
<Input
type="Checkbox"Name="Interest"Value="Singing">S
inging<Br>
</Form>
</Head>
</Body>
</Html>
Creating a web page
by HTML for line
The <Hr> tag creating a Horizontal line in a
HTML page and <Br>Creating Break both are
empty.
Programme No.
19
<HTML>
<HEAD>
<TITLE>Creating a programme for
page</TITLE>
</HEAD>
web
<Body Bgcolor="yellow"text="red">
<H1>Aman prakashan</H1>
<Hr color="Green"size="14>
<H2>Kamal prakashan</H2>
<Hr color="#ffooff"size="13">
<H3>Ajay parkashan</H3>
<Hr color="red"size="13">
<H4>Vijay industries</H4>
<Hr color="#00ff00"size="14">
</Body>
</HTML>
Creating a form large HTML Programme
PROGRAMME NO. 20
<HTML>
<HEAD>
<TITLE>Creating a programme in form method in
web page</TITLE>
<Form method="Post"Action="mailto:info@my
site.com">
<B>Enter your Details below:</b><br>
<Img
src="C:\Users\Raj\Documents\Fax\Inbox\2759937.x
html.jpg"Height="70"Width="50"Align="Right">
Name:<Input Type="Text"Name="Visitor
nm"size="50"><Br>
Address:<input Type="text"name="visitor
add"size="50">
City:<Input type="text"name="visitor
city"size="35">
State:<Input type="text"name="visitor
state"size="35"><Br>
Country:<select name="visitor country"size="1">
<Option>United state
<Option>Canada
<Option>Australia
<Option selected>India
<Option>France
<Option>New Zealand
</select>
Postal code:<Input type="text"name="visitor
code"size="10"maxlength="6"><Br>
E-mail address:<Input type="text"name="visitor
email"size="50"><Br>
sex:<Input
type="radio"name="sex"value="male"checked>male
<Input
type="radio"name="sex"value="female">female<Br>
<Br>
<B>Specify your interes:</B><Br>
<Input
type="checkbox"name="Interest"value="sports">sp
orts
<Input
type="checkbox"name="Interest"value="movies">mo
vies
<Input
type="checkbox"name="Interest"value="puzzles">p
uzzles
<Input
type="checkbox"name="Interest"value="jogging">j
ogging
<Input
type="checkbox"name="Interest"value="swimming">
swimming
<Input
type="checkbox"name="Interest"value="others"oth
ers
<Br><Br>
<B><U>seen any good website lately?write them
down</U></B>
<Br>
<textarea
name="comment"rows="5"cols="30">hello?
</textarea>
<Br><Br>
<B>please rate my website:</B><Br>

<Input
type="radio"name="rating"value="great"checked>i
t's great!
<Input
type="radio"name="rating"value="good">it's good
<Input
type="radio"name="rating"value="faer">it's
faer!
<Input
type="radio"name="rating"value="poor">it's
poor!
<h3 align="center">THANKS FOR VISITING!!!
<Input type="submit"value="submit">
<Input type="reset"value="start again"></h3>
</Form>
</Head>
</Html>
292
929292929292929292929292929292929292929292929292
929292929292929292929292929292929292929292929292
929292929292929292929292929292929292929292929292
92929

HTML

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML

Uploaded by

Copyright:

Available Formats

HTML = Hyper Text Markup Language html stand

for hyper text markup. It is you wrestle

<H3>Mobile No-9670574384, 9565383042 level

<H2>Cinema Road Hardoi level2</H2>

<Font Face=Arial Black Font Color=Red

In HTML programme we can use this tag for under

<Th>Pin Code No</Th>

The find are used when you want the to type

And ordered list start with the <Ol>tag Each

Imaging to Display and Image the web page used

<H1>Bakhtawar Purwa Bilgram Road Hardoi</H1>

Like text you can wrap the text around the

<B>please rate my website:</B><Br>

You might also like