Sunday, 8 July 2012

A simple web page for beginners in html


SIMPLE HTML PROGRAM FOR BEGINNERS
NB:Excuse me experts,,this is for beginners
1.Copy the file
2.paste it in a new notepad
3.save it with .html/.htm extension
4.chose file type as all type
5.after saving you will find an internet explorer symbol with the name that you'v given
while saving,,double click it.
6.Your page will be opened...

Points to ponder
1.Set the url for background image and other images.....
2.Set your own title for the page
3.change the contents of the body
Try it/............
Thanks....
This is your Friend.........
Rajeesh.N.Santhu
    

  1. <html>/*Page starts here*/
    2. 

  2. <head>
    3. 

  3. <title>My Example</title>/*The content of this tag is displayed as page name*/
    4. 

  4. <style>/*start of internal style definitions*/
    5. 

  5. .heading/*defining class heading*/
    6. 

  6. {
    7. 

  7. font-family:Comic Sans Ms;
    8. 

  8. font-size:30pt;
    9. 

  9. color:orange;
    10. 

  10. text-align="center";
    11. 

  11. }
    12. 

  12. .subheading/*Defining class subheading*/
    13. 

  13. {
    14. 

  14. font-family:Courier New;
    15. 

  15. font-size:20pt;
    16. 

  16. color:blue;
    17. 

  17. text-align="left";
    18. 

  18. }
    19. 

  19. .details/*defining class details*/
    20. 

  20. {
    21. 

  21. font-family:Courier New;
    22. 

  22. font-size:13pt;
    23. 

  23. color:black;
    24. 

  24. text-align="justify";
    25. 

  25. }
    26. 

  26. </style>/*Style definitions ended*/
    27. 

  27. </head>
    28. 

  28. /*web page body starts from here*/
    29. 

  29. <body background="url of your image">/*Please provide the exact url of image*/
    30. 

  30. <span style='position:absolute:left:120px;top:5px;width:990px;height:1156px;'>
    31. 

  31. <p class="heading">HOME PAGE</p>
    32. 

  32. <hr/>/*Horizantal rule...just a horizontal line covers the entire width*/
    33. 

  33. <br/>/*leaves a new line*/
    34. 

  34. <p class="subheading">/*uses the style of class subheading*/
    35. 

  35. WELCOME TO MY PAGE</p>
    36. 

  36. <p class="details">/*Uses the style of class details*/
    37. 

  37. Hello this is the demonstrational webpage for beginners in HTML
    38. 

  38. </p>
    39. 

  39. <img src="url of some image"/>/*inserts an image*/
    40. 

  40. <table width="200" height="100">/*Inserts a table*/
    41. 

  41. <tr>/*Inserts a new row in table*/
    42. 

  42. <td>Hello</td>
    43. 

  43. <td>Welcome</td>
    44. 

  44. </tr>
    45. 

  45. </table>/*Table ends here*/
    46. 

  46. </span>/*Span ends here*/
    47. 

  47. </body>/*End of body*/
    48. 

  48. </html>/*End of HTMl*/
    49.

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)