Академический Документы
Профессиональный Документы
Культура Документы
HTML Tags
HTML markup tags are usually called HTML tags
The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and
display them as web pages. The browser does not display the HTML tags, but uses the tags to
interpret the content of the page:
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Example Explained
The text between <html> and </html> describes the web page
The text between <body> and </body> is the visible page content
The text between <h1> and </h1> is displayed as a heading
The text between <p> and </p> is displayed as a paragraph
Editing HTML
In this tutorial we use a plain text editor (like Notepad) to edit HTML. We believe this is the best
way to learn HTML.
However, professional web developers often prefer HTML editors like FrontPage or Dreamweaver,
instead of writing plain text.
<HTML>
<HEAD>
</head>
<body background="pictures\India1e.jpg"link=green alink=blue vlink=red>
<script language="JavaScript1.2">
<!-- Begin
var no = 15; // image number or falling rate
var speed = 2; // the lower the number the faster the image moves
var snow = new Array();
snow[0] = "SS1.gif"
snow[1] = "SSS.gif"
snow[2] = "SSA.gif"
snow[3] = "SS1.gif"
snow[4] = "SSS.gif"
snow[5] = "SSA.gif"
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 1800;
if (ns4up||ns6up)
{
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else if (ie4up)
{
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
j = 0;
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\"
visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\"
visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");
} } else if (ie4up||ns6up) { if (i == 0)
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i
+"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] +
"\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i
+"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] +
"\" border=\"0\"></div>");
}
}
if (j == (snow.length-1)) { j = 0; } else { j += 1; }
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] -= sty[i]; if (yp[i] < -50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = doc_height;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight; }
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i]+pageYOffset;
document.layers["dot"+i].left = xp[i] +
am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE_NS6() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] -= sty[i];
if (yp[i] < -50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = doc_height;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = ns6up?window.innerWidth-5:document.body.clientWidth;
doc_height = ns6up?window.innerHeight-5:document.body.clientHeight;
}
dx[i] += stx[i];
if (ie4up){
document.all["dot"+i].style.pixelTop = yp[i]+document.body.scrollTop;
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
else if (ns6up){
document.getElementById("dot"+i).style.top=yp[i]+pageYOffset;
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
}
}
setTimeout("snowIE_NS6()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up||ns6up) {
snowIE_NS6();
}
// End -->
</script>
<H1 align="center">
<font color="green" >
<I> DETAILS OF INCREDIBLE INDIA</font><br>
<hr font color="green" size="4">
<b><I><font color="green" size="6">India is a great country. INDIA has 28 states and 7
territories. Kashmir is known as Switzerland of India. The culture of India is very
rich.<br>
Glimpse of: </I><br></font><br><br>
<table><tr><td><img src="pictures\indf.gif"width="180"height="180"><td><font
color="white" size="5">
<A HREF= "tajmahal1.HTML"><img src="pictures\3d-animated-gif007.gif"border="0">Taj Mahal   
<A HREF="Religions.HTML"><img src="pictures\3d-animated-gif007.gif"border="0"> Religions<br><p>
<A HREF="indiandances.HTML"><img src="pictures\3d-animated-gif007.gif"border="0"> Indian Dances   
Mumtaz Mahal, a Muslim Persian princess. She died while accompanying her husband in
Burhanpur in a campaign to crush a rebellion after giving birth to their 14th child. The
death so crushed the emperor that all his hair and beard were said to have grown snow
white in a few months.
When Mumtaz Mahal was still alive, she extracted four promises from the emperor: first,
that he build the Taj; second, that he should marry again; third, that he be kind to their
children; and fourth, that he visit the tomb on her death anniversary. He kept the first and
second promises. Construction began in 1631 and was completed in 22 years. Twenty
thousand people were deployed to work on it. The material was brought in from all over
India and central Asia and it took a fleet of 1000 elephants to transport it to the site. It
was designed by the Iranian architect Ustad Isa and it is best appreciated when the
architecture and its adornments are linked to the passion that inspired it. It is a "symbol of
eternal love".
The Taj rises on a high red sandstone base topped by a huge white marble terrace on
which rests the famous dome flanked by four tapering minarets. Within the dome lies the
jewel-inlaid cenotaph of the queen. So exquisite is the workmanship that the Taj has been
described as "having been designed by giants and finished by jewellers". The only
asymmetrical object in the Taj is the casket of the emperor which was built beside the
queens as an afterthought. The emperor was deposed by his son and imprisoned in the
Great Red Fort for eight years but was buried in the Taj. During his imprisonment, he had
a view of the Taj. </font></B></P>
<P align=right><IMG height=300
src="pictures\india44_small.jpg" width=315 align=left border=4> <A><br>
<P align=justify><B><font color="pink" size=4>As a tribute to a beautiful woman and
as a monument for enduring love, the Taj reveals its subtleties when one visits it without
being in a hurry. The rectangular base of Taj is in itself symbolic of the different sides
from which to view a beautiful woman. The main gate is like a veil to a womans face
which should be lifted delicately, gently and without haste on the wedding night. In
indian tradition the veil is lifted gently to reveal the beauty of the bride. As one stands
inside the main gate of Taj, his eyes are directed to an arch which frames the Taj.
The dome is made of white marble, but the tomb is set against the plain across the river
and it is this background that works its magic of colours that, through their reflection,
change the view of the Taj. The colours change at different hours of the day and during
different seasons. Like a jewel, the Taj sparkles in moonlight when the semi-precious
stones inlaid into the white marble on the main mausoleum catch the glow of the moon.
The Taj is pinkish in the morning, milky white in the evening and golden when the moon
shines. These changes, they say, depict the different moods of woman.
Different people have different views of the Taj but it would be enough to say that the
Taj has a life of its own that leaps out of marble, provided you understand that it is a
monument of love. As an architectural masterpiece, nothing could be added or
substracted from it. </font></B></P>
<P align=left><br><h2 align="center">
<a href="incredible india.html"><font size=5><img
src="pictures\nc.gif"border="0">Back To Main Page</a></font><img
src="pictures\jc0007b.gif"border="0"><a href="religions.html"><font size=5>Next To
Religions<img src="pictures\ncc.gif"border="0"></a></font></h2>
</body>
</head>
</html>
<html>
<head>
<title>religions</title><bgsound src="sai.wav" loop=-3></head>
<body background="pictures\bg.gif"link=lightgreen alink=blue vlink=gold>
<H1 ALIGN="CENTER">
<table border="1" width="400"BGCOLOR="maroon">
<th><I><font size="10" color="YELLOW">
<marquee bgcolor="MAROON"RELIGIONS
scrollamount="5%" >      
RELIGIONS       RELIGIONS  
     RELIGIONS      
 RELIGIONS        RELIGIONS
      RELIGIONS
</marquee></font></H1></table>
<CENTER>
<font size="6" color="green"><I>Our Sikh Religion</font></I></CENTER>
<font color="green">
<H2 ALIGN="LEFT">Sikhism is one of the main four religions of the world.
With its position at top of the world, the Sikhism is the symbol
of sikh's wealth. Guru Nanak Dev Ji is the first guru of sikhism and Guru Gobind Singh
is the tenth and last guru of this religion. "Guru Granth Sahib ji" is the holy granth of sikh
religion.<BR>
            
<img src="pictures\temple.gif" height="200" width="200"
>      
            
<img src="pictures\symbol.gif" height="200" width="200" ><BR>
<h1 align="center">
<table border="1" width="500" BGCOLOR="maroon">
<th><I><font size="6" color="pink" > Picture Of Ten Guru's:</font>
<br></table><br>
<table border="0"width="700"><tr><td>
<img src="pictures\TEN_GURU.JPG" height=500" width="700" >
</tr></table><br>
</table>
<p><font color="red" size=4>India is a vast country... ..each state is different on her
own, beautiful in her ownunique way... One of the ways in which people express
happiness is through celebration-song and dances...There are different kinds of dance
forms that have originated in different parts of India..there are folk dances, and the
traditional forms of dance. All these forms of dance essentially involve the graceful
movement of hands and feet according to a particular rhythm, known as taal when music
is played. Facial expressions, known as bhavam are more pronounced in the case of the
traditional forms of dance.</p><p>
Traditional dance forms
These are a form of worship which focus on leading the worshipper - the dancer - to the
Divine. Filled with beauty, charm and gracefulness, they are an artistic depiction of the
human heart which is devoted to the Supreme Lord. The Naayika, the dancer is a
yearning soul that attains bliss when it unites with the Naayak - the Supreme Lover - the
Divine Lord.
The Classical Indian dance forms are based on NaTyashastra - contain deliberations on
different kinds of postures, hasta mudras(hand formations) and their meanings, the kind
of emotions and their categorization, and the kind of costume, the stage arrangement, the
ornaments worn by the artiste, and even the audience.</p><p>
All dance forms are structured around the nava rasas or nine rasas or emotions -- hAsya
(happiness), krOdha (anger), bhibatsa (disgust), bhaya (fear), shOka (sorrow), vIram
(courage), karuNa (compassion), adbhuta/Ashcharya (wonder) and shAnta (serenity).
Hindu gods and goddess like Rama and Sita, Krishna and Radhika, Shiva and Parvati are
often portrayed in these dance forms. The styles may slightly vary according to the place
of origin of the dance form, but essentially, all the traditional dance forms in India have
the same purpose and lead to the Supreme Lord, the Naayak.</p>
<a href="incredible india.html"><font size=5><img
src="pictures\nc.gif"border="0">Back To Main Page</a></font><img
src="pictures\wreath9[1].gif"><a href="maledresses.html">
<font size=5>Next To Indian Dresses<img
src="pictures\ncc.gif"border="0"></font></a>
</font></p>
</body>
</html>
<html>
<head>
<title>DRESSES</title>
<bgsound src="vz.wav" loop=-3></head>
<body background="pictures\g1emb15.gif"link=lightgreen alink=blue vlink=red>
<h1><marquee behavior="alternate" direction=left><font color="pink"
size"24"><center>************************<br>INDIAN MALE
DRESSES<br>************************<br></center></font><br></h1></marquee
>
<IMG height=500
<TD width=55></TD>
<TH colSpan=5><FONT face="MONOTYPE CORSIVA"
color="purple"size=5>CHICKEN
</FONT>
<TD width=55></TD>
<TH colSpan=5><FONT face="MONOTYPE CORSIVA"
color="purple"size=5>CAKE
</FONT>
<TD width=55></TD></TR></TBODY></TABLE>
<TABLE>
<TBODY><BR>
<TR>
<TD></TD> <TD width=125></TD>
<TH>
<TD width=55><A href="rice.HTML"><IMG height=150
src="pictures\rice1[1].gif" width=160 border=3></A>
<TH><A href="SOUPS.HTML"><IMG
src=" pictures\soup1[1].gif" height=150width=160 border=3></A>
<TH><A href="SALAD.HTML"><IMG height=150
src="pictures\salads1[1].gif" height=150width=160 border=3></A>
<TH><A href="snacks.HTML"><IMG height=150
src=" pictures\snacks1[1].gif"height=150 width=160 border=3></A>
</TR></TBODY></TABLE>
<TABLE>
<TBODY><BR>
<TR>
<TD width=125></TD>
<TH colSpan=5><FONT face="MONOTYPE CORSIVA" color="purple"
size=5>RICE
</FONT>
<TD width=55></TD>
<TH colSpan=5><FONT face="MONOTYPE CORSIVA"
color="purple"size=5>SOUPS
</FONT>
<TD width=55></TD>
<TH colSpan=5><FONT face="MONOTYPE CORSIVA"
color="purple"size=5>SALADS
</FONT>
<TD width=55></TD>
<TH colSpan=5><FONT face="MONOTYPE CORSIVA"
color="purple"size=5>SNACKS
</FONT>
<TD width=55></TD></TR></TBODY></TABLE></TD><center>
<p>
<font color="brown" size="5">
Preparation :-<br><br>
If using dried chickpeas, soak the chickpeas in 5 to 6 cups of water for at least six hours,
or overnight. You may add 1 tsp. baking soda to the water to encourage the chickpeas to
swell up even further, but the following day, you must take care to rinse the chickpeas
very well to remove any lingering taste from the baking soda. After soaking, discard
soaking water, rinse chickpeas well, and add enough water so that chickpeas are
submerged under two additional inches of water. Cook in pressure cooker on medium
heat for 20 minutes, or cook in a regular pot (bring to a boil, cover & simmer for 1.5
hours).<br>
Heat oil in a large saucepan and add cumin seeds. Stir until cumin seeds begin to crackle.
Add ground spices and stir for 30 seconds. Add the onion and fresh ginger and continue
to stir until the onions turn golden-brown. Add the tomato paste and one fresh chopped
tomato. Cook for 4 or 5 minutes.<br>
Mash one cup of the boiled chickpeas and add to the onion-tomato mixture. Stir well.
Add the remaining boiled chickpeas, and cook for 5 to 6 minutes to achieve a nice
consistency. You may add some of the chickpea water (or just plain water) to vary the
thickness or thinness of the curry. Add the steamed potatoes if you wish, and salt to
taste.<br><br>
Garnish:- <br>
Add chopped fresh onions, fresh tomatoes, and fresh cilantro<br>
<br></font>
<a href="indianfoods.html"><font size=5>
<img src="pictures\nc.gif"border="0">BACK <br>
</b></font></p>
</body>
</head>
</html>
<HTML>
<HEAD>
<TITLE>CHICKEN</TITLE>
<BODY BACKGROUND="pictures\g1emb24.gif"link=lightgreen alink=blue
vlink=red>
<hr color="white" size=4>
<font face="monotype corsiva" color="white" size=7><b>
<MARQUEE behavior=alternate>* * * CHILLI CHICKEN* *
*</MARQUEE></B></FONT>
<HR color="white"SIZE=4>
<h1 align="center"><IMG SRC="pictures\chicken[1].jpg" height=250
width=250><br><br></h1>
<p><font color="white" size=5>
Ingredients <br>
Chicken(boned & skinned) - 1 lb <br>
Dry red chillies(Kollamulaku) - 18 nos <br>
(large chillies soaked in warm water) <br>
Cumin seeds(Jeerakam) - 1 tsp <br>
Fennel(Perinjeerakam) - 1/2 tsp <br>
Coriander seeds - 2 tbsp <br>
Fresh ginger - 3-4 pieces <br>
(peeled & pulped) <br>
Lemon juice - 1 no <br>
Salt - As reqd <br>
Vegetable oil for deep frying <br>
Lemon wedges for garnishing <br><br></font></p>
<br><br>
<p><font color="white" size=5>
Preparation Method: <br>
1)Dry roast the cumin, fennel and coriander together and then grind with the drained
chillies. <br>
2)Mix the ground spices with ginger, lemon juice and salt in a bowl. <br>
3)Chop chicken into bite size pieces. <br>
4)Add chicken to bowl and mix with the marinade thoroughly. <br>
5)Cover and refrigerate overnight. <br>
6)Heat oil in steep sided pan or wok. Youll need at least 1 inch of oil in bottom of the
pan. <br>
7)Fry chicken pieces (covered in marinade) a few at a time, do not overcrowd. Chicken
should take only a few minutes to cook and will be dark golden brown on outside, white
and juicy on the inside. <br>
8)Allow each batch to drain on kitchen paper and allow oil to re-heat before next batch.
<br>
9)You can keep chicken warm in a low oven until all is ready. <br>
10)Garnish with lemon wedges. <br>
<br></p></font>
<a href="indianfoods.html"><font size=5>
<img src="pictures\nc.gif"border="0">BACK <br>
</font></p>
</body>
</head>
</html>
<HTML>
<HEAD>
<TITLE>CAKE</TITLE>
<BODY BACKGROUND="pictures\th1lov02.gif"link=lightgreen alink=blue vlink=red>
<hr color="red" size=4>
<HTML>
<HEAD>
<TITLE>RICE</TITLE>
<BODY BACKGROUND="pictures\g1emb07.gif"link=lightgreen alink=blue
vlink=white>
<hr color="white" size=4>
<font face="monotype corsiva" color="gold" size=7><b>
<MARQUEE behavior=alternate>* * * YELLOW GRAM RICE RECEIPE* *
*</MARQUEE></B></FONT>
<HR color="gold"SIZE=4>
<h1 align="center"><IMG SRC="pictures\rice1[1].gif" height=200
width=200><br><br></h1>
<p><b><font color="gold" size=5>
YELLOW GRAM RICE<br><br>
Serves: 4 <br>
Cooking time (approx.): 42 minutes <br>
Style: Indian Vegetarian (Gujarati) <br> <br>
1 cup(s) split yellow gram (yellow moong dal) <br>
1 cup(s) rice <br>
1 teaspoon(s) cumin seeds <br>
teaspoon(s) each of asafoetida and turmeric powder <br>
1" piece ginger finely chopped <br>
1" stick cinnamon <br>
2 green chilli(es) chopped <br>
8 whole black peppercorns <br>
2 tablespoon(s) ghee (clarified butter) <br>
5 cups water <br>
salt to taste <br> <br></font></p>
<p><font color="gold" size=5>
METHOD:-<br><br>
Wash and soak the split yellow gram and rice together for 15 minutes. Drain. Heat the
water in a vessel till very hot. Keep aside.Heat the ghee (clarified butter) in a large heavy
bottomed vessel till it is very hot. Add the cumin seeds and let them splutter. Now add
the chopped ginger, green chilli(es), cinnamon, peppercorns, asafoetida and turmeric
powder. Stir fry on medium / low level for about 2 minute(s).
Now, add the split yellow gram, rice and salt. Mix well. Add the hot water to this and
bring to a boil. Cover and keep on low heat for 25 minutes or till the mixture is slightly
mushy. <br><br>
Serve hot immediately topped with lots of ghee (clarified butter) and accompanied by
Gram Flour Gravy <br></font></p>
<a href="indianfoods.html"><font size=5>
<img src="pictures\nc.gif"border="0">BACK <br>
</b></font></p>
</body>
</head>
</html>
<HTML>
<HEAD>
<TITLE>SALAD</TITLE>
<BODY BACKGROUND="pictures\g1emb19.gif"link=brwon alink=blue vlink=red>
<hr color="brown" size=4>
<font face="monotype corsiva" color="brown" size=7><b>
<MARQUEE behavior=alternate>* * * CARROT & GREEN PEAS SALAD* *
*</MARQUEE></B></FONT>
<HR color="brown"SIZE=4>
<h1 align="center"><IMG SRC="pictures\salads1[1].gif"height=200
width=200><br><br></h1>
<p><b><font color="brown" size=5>
Serves: 4 <br>
Cooking time (approx.): 5 minutes<br>
Style: North Indian Vegetarian <br><br>
Ingedients:- <br>
2 big carrot(s) chopped <br>
1 cup(s) green peas shelled <br>
1 big onion(s) finely chopped <br>
1 green chilli(es) crushed with salt <br>
a few mint leaves chopped. <br>
salt, pepper and lemon juice to taste. <br>
fresh coriander or parsley to garnish <br><br></font></p>
<p><font color="brown" size=5>
METHOD:-<br>
1.Boil the carrots and peas with water on medium / low heat for about 5 minutes or till
they are cooked but firm. Cool. <br>
2.Now add the chopped onions, chillies, mint leaves, salt, pepper and lemon juice. Mix
well. <br>
3.Garnish with finely chopped fresh coriander / parsley. <br>
<br>
Serve cold.<br></font></p>
<a href="indianfoods.html"><font size=5>
<img src="pictures\nc.gif"border="0">BACK <br>
</b></font></p>
</body>
</head>
</html>
<HTML>
<HEAD>
<TITLE>SNACKS</TITLE>
<BODY BACKGROUND="pictures\g1emb22.gif"link=lightgreen alink=blue
vlink=red>
<hr color="white" size=4>
<font face="monotype corsiva" color="white" size=7><b>
<MARQUEE behavior=alternate>* * * SNACKS RECEIPE* *
*</MARQUEE></B></FONT>
<HR color="white"SIZE=4>
<h1 align="center"><IMG SRC="pictures\snacks1[1].gif" height=200
width=200><br><br></h1>
<p><font color="white" size=5>
Serves: 4 <br>
Cooking time (approx.): 16 minutes + to deep fry<br>
Style: Indian Vegetarian <br><br>
Ingredients:-<br>
1 tablespoon(s) oil <br>
4 green chillies chopped fine <br>
4 flakes of garlic crushed well <br>
4 large potatoes <br>
teaspoon(s) turmeric powder <br>
salt to taste <br>
4 tablespoons chopped coriander leaves For the batter: <br>
2 cup(s) bengal gram flour (chickpea flour or besan) <br>
1 teaspoon(s) red chilli powder <br>
a pinch of soda bi-carbonate and asafoetida powder <br>
salt to taste <br>
oil to deep fry <br></font></p>
<p><font color="white" size=5>
METHOD:1.Cook the potatoes in a large pot of water for about 10 minute(s) or till done. Cool, peel
and cube them.
Heat the oil in a pan. Add the green chillies and crushed garlic. Fry on medium heat for
about 2 minute(s) or just till the raw smell of the garlic is gone. The garlic should remain
white in color.<br>
2.Add the potato cubes, half the turmeric powder and salt to taste. Mix well whilst
mashing half of the potatoes with the back of the ladle on medium heat for about 4
minutes. Put off the flame and let cool. Mix in the coriander leaves. Make lemon-sized
balls. <br>
3.To make the batter, mix together the gramflour, red chilli powder, remaining turmeric
powder, soda bicarbonate, asafoetida powder and salt to taste with water just enough to
make a thick batter. Dip each ball in the batter and deep fry in hot oil in batches on
medium flame till light golden brown in color.<br> 4.Remove onto a paper towel.
<br><br>
TIPS:
Potatoes can be pressure cooked to save on time. <br>