Tuesday, 10 September 2013

Applying Css

Three Ways To Applying Css To Html 


  1. In-Line Css

  2. Internal

  3. External 

      In-Line Css

    (1)This Way To Apply In-Line Css:

    <h1 style="font:'Times New Roman', Times, serif" style="size:inherit" style="color:#003333"> In-Line Css</h1> 

    Internal Css:

    (2)This Way To Apply Internal Css:

    This Is Used For The Hole Page Inside Head Element But Style  Tags Applying All Of The Style For The Page :

    <style>
    {
       font:Arial, Helvetica, sans-serif;
       font-size:16px;
       text-align:center;
       text-decoration:blink;
       }
     </style>

     

      External Css

    (3)This Way To Use External Css:

     

    This Is Seprate Css File :

    .page
    {
         background:#000000;
         height:auto;
         width:620;
    }

    Save This File Style.css Extenstion And This File Attach Html Document Like This 


    <link rel="stylesheet" type="text/javascript" href="Put Your File Name" />

     

     

Posted by at 2 comments:

Monday, 9 September 2013

HTML Examples

Example One

<html>
<head><title> My First Web Page </title>
</head>
<body>
<h1> Hello World  </h1>
</body>
</html>

Posted by at No comments:

HTML Headings Tags

Headings

  • <h1> Heading one </h1>

  • <h2> Heading Two </h2>

  • <h3> Heading Three </h3>

  • <h4> Heading Four </h4>

  • <h5> Heading Five </h5>

  • <h6> Heading Six </h6>

Posted by at No comments:

Sunday, 8 September 2013

Css Hover And Border-Radius .....

Css Hover And Border-Radius .....



.textbox

{
   height:30px;
   width:150px;
  
  
 }
 .textbox:hover

{
   height:30px;
   width:150px;
   border:2px solid;
   border-radius:25px;
  
 }

 .button

 {
   height:40px;
   width:120px;
   color:#999933;
   background:#CCCCFF;
}

 .button:hover

 {
   height:40px;
   width:120px;
   color:#00CCFF;
   background:#FFFF00;
   border:2px solid;
   border-radius:25px;
  

}
Posted by at No comments:

JavaScript Form Validation

                                      JavaScript Form Validation


<script language="javascript">

   

        function verify() {

        

            if (document.form1.name.value == "") {
                alert("Please give the name");
                document.form1.name.forus();
                return false;
            }

          

            if (document.form1.email.value == "") {
                alert("Please give the email");
                return false;
            }

        

            if (document.form1.age.value == "") {
                alert("Please give age");
                document.form1.age.focus();
                return false;
            }

        
            if (document.form1.age.value < 18 || document.form1.age.value > 60) {
                alert("Please give Age range between 18 and 60");
                document.form1.age.focus();
                return false;
            }

      

            if (document.form1.gender[0].checked == false &&
                    document.form1.gender[1].checked == false) {
                alert("Please select gender");
                document.form1.gender.focus();
                return false;
            }

         

            if (document.form1.language1.checked == false &&
                    document.form1.language2.checked == false &&
                    document.form1.language3.checked == false) {
                alert("Please Select your choice of language(Atleast One)");
                return false;
            }

      

            if (document.form1.country.value == "") {
                alert("Please give country");
                document.form1.country.focus();
                return false;
            }

        

            if (document.form1.myaddress.value == "") {
                alert("Please give address");
                document.form1.myaddress.focus();
                return false;
            }

         

            if (document.form1.u_name.value == "") {
                alert("Please give username");
                document.form1.u_name.focus();
                return false;
            }

        

            if (document.form1.pass.value == "") {
                alert("Please give Password");
                document.form1.pass.focus();
                return false;
            }

        

            if (document.form1.pass.value.lenght < 6) {
                alert("Please give a Password more than 5 characters");
                document.form1.pass.focus();
                return false;
            }

       

            if (document.form1.r_pass.value == "") {
                alert("Please retype your password");
                document.form1.r_pass.focus();
                return false;
            }

     

            if ((document.form1.pass.value) != (document.form1.r_pass.value)) {
                alert("Your password does not match");
                document.form1.r_pass.value == "";
                document.form1.r_pass.focus();
                return false;
            }
            return( true );
        }
        </script>

Posted by at No comments:

Friday, 6 September 2013

Heaven For Programmer

Heaven For Programmer

Hi Friends this blog for Programmer who want to learn advance techniques in programming and learn about latest technology we also offer share you codes and project for other .
Posted by at No comments:
Labels: , , ,
Subscribe to: Posts (Atom)