Guidance portal

World of Guidance and Education

SIMPLE COMPLETE WEB PAGE: (example)

The purpose of this chapter is to provide a comprehensive example of the knowledge of HTML we have learned in previous chapters. Lets design a complete simple webpage using links, contents, search engine, table.


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="150"></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="874" height="960" border="1">
      <tr>
      <td width="170" height="954" valign="top"><table width="166" border="1">
      <tr>
      <td width="156" height="40" bgcolor="#CCCCCC"><a href="3">your link 1</a></td>
      </tr>
      <tr>
      <td height="40" bgcolor="#CCCCCC"><a href="#">your link 2</a></td>
      </tr>
      <tr>
      <td height="40" bgcolor="#CCCCCC"><a href="#">your link 3</a></td>
      </tr>
      <tr>
      <td height="37" bgcolor="#CCCCCC"><a href="#">your link 4</a></td>
      </tr>
      <tr>
      <td height="39" bgcolor="#CCCCCC"><a href="#">your link 5</a></td>
      </tr>
      </table></td>
      <td width="500" valign="top"><p>This is the place of your content. you cann write any thing there</p>
      <p>&nbsp;</p>
      <p>This is the place of your content. you cann write any thing there</p>
      <p>&nbsp;</p>
      <p>This is the place of your content. you cann write any thing there</p>
      <p>&nbsp;</p>
      <p>This is the place of your content. you cann write any thing there</p>
      <p>&nbsp;</p>
      <p>This is the place of your content. you cann write any thing there</p>
      <p>&nbsp;</p>
      <p>This is the place of your content. you cann write any thing there</p>
      <p>&nbsp;</p>
      <p>This is the place of your content. you cann write any thing there</p>
      <p>&nbsp;</p>
      <p>This is the place of your content. you cann write any thing there</p>
      <p>&nbsp;</p>
      <p>This is the place of your content. you cann write any thing there</p>
      <p>&nbsp;</p>
      <p>This is the place of your content. you cann write any thing there</p>
      <p>&nbsp;</p>
      <p>This is the place of your content. you cann write any thing there</p></td>
      <td width="182" valign="top"> <p>&nbsp;</p>
      <p>There you can write any thing like links for <strong>advertisement </strong>,page links whar ever you want you insert </p></td>
      </tr>
      </table>
      </body>
      </html>

      Browser view

      html example

 

comments powered by Disqus