Monday 31 July 2017

Calculater

Calculater in html

<html>
<head>
<title>HTML Calculator</title>
</head>
<body bgcolor= "red" text= "gold">
<form name="calculator" >
<input type="button" value="1" onClick="document.calculator.ans.value+='1'">
<input type="button" value="2" onClick="document.calculator.ans.value+='2'">
<input type="button" value="3" onClick="document.calculator.ans.value+='3'">
<input type="button" value="4" onClick="document.calculator.ans.value+='4'">
<input type="button" value="5" onClick="document.calculator.ans.value+='5'">
<input type="button" value="6" onClick="document.calculator.ans.value+='6'">
<input type="button" value="7" onClick="document.calculator.ans.value+='7'">
<input type="button" value="8" onClick="document.calculator.ans.value+='8'">
<input type="button" value="9" onClick="document.calculator.ans.value+='9'">
<input type="button" value="0" onClick="document.calculator.ans.value+='0'">
<input type="button" value="+" onClick="document.calculator.ans.value+='+'">
<input type="button" value="-" onClick="document.calculator.ans.value+='-'">
<input type="button" value="*" onClick="document.calculator.ans.value+='*'">
<input type="button" value="/" onClick="document.calculator.ans.value+='/'">
<input type="reset" value="Reset">
<input type="button" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)">
<br>Solution is <input type="textfield" name="ans" value="">
</form>
<html>


                                                           OUTPUT


at No comments:

Friday 28 July 2017

option_Tag

<html>
<body>

<select>
  <option value="mumbai">mumbai</option>
  <option value="goa">goa</option>
  <option value="delhi">delhi</option>
  <option value="abu">Abu</option>
</select>

</body>
</html>
at No comments:

Center_Tag

<html>
<body>

<p>HELLO.</p>
<center>HELLO.</center>
<p>HELLO</p>

</body>
</html>
at No comments:

del_Tag

<html>
<body>

<p>My favorite color is <del>green</del> red</p>

</body>
</html>

at No comments:

Text_Tag

<html>
<body>

<p><font size="3" color="blue">TEXT</font></p>

<p><font size="2" color="black">TEXT</font></p>

<p><font face="verdana" color="red">TEXT</font></p>

</body>
</html>
at No comments:

Gender_Tag

<html>
<body>
  <label for="male">Male</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <input type="submit" value="Submit">
</form>

</body>
</html>
at No comments:

ol , ul & li _Tag

<html>
<body>

<p> Ordered list:</p>
<ol>
  <li>mobile</li>
  <li>laptop</li>
  <li>tv</li>
</ol>

<p>Unordered list:</p>
<ul>
  <li>bca</li>
  <li>mca</li>
  <li>pgdca</li>
</ul>

</body>
</html>
at No comments:

a_Tag

<html>
<body>
<a href="https://bhavymajithia.blogspot.in/">Blog</a>
</body>
</html>
at No comments:

picture_Tag

<html>
<head>
</head>
<body>

<picture>
  <img src="ss.jpg" alt="Flowers" style="width:auto;">
</picture>


</body>
</html>
at No comments:

q and s_Tag

1)

<html>
<body>

<p><s> i am ravan</s></p>
<p>i am ram</p>

</body>
</html>
-----------------------------------------------------------
2)

<html>
<body>

<p>hello friends
<q>have a great day</q>
</p>

</body>
</html>
at No comments:

Textarea_Tag

<html>
<body>

<textarea rows="3" cols="25">
hello friends let's start learn html & css
</textarea>

</body>
</html>
at No comments:

Audio_Tag

<html>
<body>

<audio controls>
  <source src="Jab Tak.ogg" type="audio/ogg">
  <source src="Jab Tak.mp3" type="audio/mpeg">
</audio>
</body>
</html>
at No comments:

blockquoteTag

<html>
<body>

<p>sub title.</p>

<blockquote >
hi......  friends have a great journey
</blockquote>

</body>
</html>
at No comments:

Example

Example_1
<html>
<body>

<b>ram</b>
<strong>ram</strong>
<i>ram</i>
<small>ram</small>

</body>
</html>
-------------------------------------------------------------
Example_2

<html>
<body>

<mark>ram</mark>
<p>ra<sub>m</sub></p>
<p>ra<sup>m</sup></p>

</body>


</html>

at No comments:

Text foramatting

<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Small text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text

at No comments:

Wednesday 26 July 2017

pyramid2_html

<html>
<head>
<title>pyramid2</title>
<basefont size=50>
</head>
<body>
<script>
var a,b,c,d,e=5;
for(a=1;a<6;a++)
{
document.write("<br>");
for(b=0;b<a;b++)
{
document.write("&nbsp;&nbsp;&nbsp;");
}
for(c=a;c<6;c++)
{
if(c%2!=0)
{
document.write("1 ");
}
else
{
document.write("0 ");
}
}
for(d=1;d<e;d++)
{
if(d%2==0)
{
document.write("1 ");
}
else
{
document.write("0 ");
}
}
e--;
}

</script>
</body>
</html>

OUTPUT


at No comments:

pyramid_html


<html>
<head>
<title>pyramid</title>
<basefont size=50>
</head>
<body>
<script>
var a,b,c,d=5;
for(a=5;a>0;a--)
{
document.write("<br>");
for(b=0;b<a;b++)
{
document.write("&nbsp;&nbsp;&nbsp;");
}
for(c=5;c>a;c--)
{
document.write(c+" ");
}
for(;d<=5;d++)
{
document.write(d+" ");
}
d=a;
d--;
}
</script>
</body>
</html>

OUTPUT 

at No comments:

Basic

Devloper HTML
 Tim berners lee developed html
----------------------------------------------------------------------------------------------

Editer
Web pages can be created and modified by using professional HTML editors.
However, for learning HTML we recommend a simple text editor like Notepad.
We believe using a simple text editor is a good way to learn HTML.
--------------------------------------------------------------------------
HTML -- >Hyper Text Markup Language
--------------------------------------------------------------------------
HTML Structure
<html>
              <head>
                        <title>TITLE</title>
            </head>
      <body>
<h1>heading</h1>
<p>paragraph</p>
     </body>
</html>
---------------------------------------------------------------------
1) Example

<html>
<head>
<title>1</title>
</head>
<body>

<h1>top</h1>
<p>middel</p>

</body>
</html>
-------------------------------------------------------------
at No comments:
Subscribe to: Posts (Atom)