Monday, December 17, 2012

Form in HTML 5

<!DOCTYPE html> 
<html>
    <head>
        <title>
            HTML Form
        </title>
    </head>
    <body>
        <form action="in.php" method="POST">
            Name:<input type="text" name="usrname">
            Password: <input type="password" name="psw">
            <input type="submit" value="Log in">
        </form>
    </body>
</html>

Text Formatting in HTML 5

<!DOCTYPE html> 
<html>
    <head>
        <title>
            HTML Comment
        </title>
    </head>
    <body>
        <p><b>bold Text</b></p>
        <p><i>Italic Text</i></p>
        <p><u>underline in Text</u></p>
        <p><code>Computer Code</code></p>
        <p><strike>Hello world</strike></p>
        <p><em>Emphasized Text</em></p>
    </body>
</html>

Line break in HTML 5

<!DOCTYPE html> 
<html>
    <head>
        <title>
            HTML Image
        </title>
    </head>
    <body>
        <p>This is first line<br/>
        This is second line</p>
    </body>
</html>

Comment in HTML 5

<!DOCTYPE html> 
<html>
    <head>
        <title>
            HTML Comment
        </title>
    </head>
    <body>
    <!--This is a comment-->
        <p>This is first line<br/>
        This is second line</p>
    </body>
</html>

Image in HTML 5

<!DOCTYPE html> 
<html>
    <head>
        <title>
            HTML Image
        </title>
    </head>
    <body>
        <img src="urimage.jpg" width="250" height="250">
    </body>
</html>

Link in HTML 5

<!DOCTYPE html> 
<html>
    <head>
        <title>
            HTML Headings
        </title>
    </head>
    <body>
        <a href="http://yourwebsitename.com">Your website Link</a>
    </body>
</html>

Paragraph in HTML 5

<!DOCTYPE html> 
<html>
    <head>
        <title>
            HTML Headings
        </title>
    </head>
    <body>
        <p>Hello world</p>
    </body>
</html>