Guidance portal

World of Guidance and Education

FORMATTED WEBPAGE:

In this chapter another comrehensive example of complete webpage is shown. Here a formatted webpage is developed. The knowledge of inserting different paragraphs with different colors and styles, tables, background colors, links, search engines have been combined under this example.


The comprehensive code is given below. All the tags used have been explained in detail in relevant chapters. Please refer the chapters if you find any difficulty in understanding the code.

    <!DOCTYPE html>
    <html>
    <head>
    <title>Untitled Document</title>
    </head>

    <body>
    <p><img src="logo copy.jpg" width="800" height="100" /></p><form method="get" action="http://www.guidanceportal.com/search/" target="_top">
    <div align="right">
    <input class="searchentry" id="searchterms" name="search" accesskey="5" size="50" title="Type the words you want to look for here and click the Search button" type="text">
    <input value="Search" type="submit">
    &nbsp;&nbsp;&nbsp;&nbsp;<br/>
    </div>
    </form> </p>
    <table width="100%" border="0">
    <tr>
    <td width="20%" height="440" valign="top"><table width="99%" height="163" border="0">
    <tr>
    <td bgcolor="#99CC99"><a href="#"><strong>YOUR LINK</strong></a></td>
    </tr>
    <tr>
    <td bgcolor="#99CC99"><a href="#"><strong>YOUR LINK</strong></a></td>
    </tr>
    <tr>
    <td bgcolor="#99CC99"><a href="#"><strong>YOUR LINK</strong></a></td>
    </tr>
    <tr>
    <td bgcolor="#99CC99"><a href="#"><strong>YOUR LINK</strong></a></td>
    </tr>
    </table></td>
    <td width="80%" valign="top"><p>&nbsp;</p>
    <p><font size="+2" color="#0000FF">THIS IS THE PLACE FOR YOUR CONTENT YOU CAN INSERT ANY THING THERE LINK TEXT ,IMAGES ,LINKS AND ANY THING YOU WANT TO INSERT THERE.
    THIS IS THE PLACE FOR YOUR CONTENT YOU CAN INSERT ANY THING THERE LINK TEXT ,IMAGES ,LINKS AND ANY THING YOU WANT TO INSERT THERE.</font></p>
    <p><font size="+1" color="#993399">THIS IS THE PLACE FOR YOUR CONTENT YOU CAN INSERT ANY THING THERE LINK TEXT ,IMAGES ,LINKS AND ANY THING YOU WANT TO INSERT THERE.<br />
    THIS IS THE PLACE FOR YOUR CONTENT YOU CAN INSERT ANY THING THERE LINK TEXT ,IMAGES ,LINKS AND ANY THING YOU WANT TO INSERT THERE.</font></p>
    <p><font size="+3" color="#FF0000">THIS IS THE PLACE FOR YOUR CONTENT YOU CAN INSERT ANY THING THERE LINK TEXT ,IMAGES ,LINKS AND ANY THING YOU WANT TO INSERT THERE.<br />
    THIS IS THE PLACE FOR YOUR CONTENT YOU CAN INSERT ANY THING THERE LINK TEXT ,IMAGES ,LINKS AND ANY THING YOU WANT TO INSERT THERE</font></p></td>
    </tr>
    </table>
    </body>
    </html>


    BROWSER VIEW

    Full webpage


Note

This page is designied with html only. css style sheet is not attched for styles. you can use css style sheets for the designs which is recomanded.

 

 

comments powered by Disqus