Friday, January 30, 2009

HTML Button



  • HTML Code :
    <button>Some text here</button>


  • HTML Code :
    <button style="font: bold 20px Arial">Text</button>


  • HTML Code :
    <button style="color: red"><b>Text</b></button>


  • HTML Code :
    <button style="width:100;height:100">H</button>
    <button style="width:100;height:100">i</button>
    <button style="width:100;height:100">!</button>


  • HTML Code :
    <INPUT TYPE="BUTTON"
    VALUE="My Diary"
    ONCLICK="window.location.href='http://diaryrenata.blogspot.com'">



  • HTML Code :
    <button style="width:65;height:65"
    onClick="history.go(-1)">
    <b>Back</b>
    </button>

    <button style="width:65;height:65"
    onClick="history.go(1)">
    <b>Forward</b>
    </button>

    <button style="width:65;height:65"
    onClick="window.location='http://www.blogger.com'">
    <b>Home</b>
    </button>

    <button style="width:65;height:65" onClick="window.location.reload()">
    <b>Reload</b>
    </button>

    <button style="width:65;height:65"
    onClick="window.close()">
    <b>Close</b>
    </button>



  • HTML Code :
    <button>
    <img src="http://www.luvcute.com/img/0/289.gif" />
    </button>


  • HTML Code :
    <button>
    <table border="1" width="100%">
    <tr>
    <td width="19%"><img src="http://www.luvcute.com/img/0/289.gif" /></td>
    <td width="81%">Flower</td>
    </tr>
    </table>
    </button>


  • HTML Code :
    <button type="submit">
    <img src="http://www.luvcute.com/img/0/289.gif"
    alt="http://www.luvcute.com/img/0/289.gif"/> Submit</button>


  • HTML Code:
    <input type="button"
    style="width:200; height:50; color:red; font: bold 40px Arial;
    background: url('http://www.luvcute.com/img/0/289.gif')"
    VALUE="My Diary"
    ONCLICK="window.location.href='http://diaryrenata.blogspot.com'"/>


  • HTML Code :
    <button style="background-color:lightgreen">
    Save our planet!
    </button>


  • HTML Code :
    <button style="background-color:transparent">Transparent background</button>