עמוד HTML לדוגמא

אם למדת את כל הנושאים במדריך ה – HTML למתחילים תוכל ליצור עמוד HTML משלך.
למעשה, יתכן שתוכל לבנות עמודי HTML הרבה יותר טובים מרוב ה"הטמליסטים" שאני מכיר.
הקוד הבא מכיל את השיטות, התגיות, האלמנטים והתכונות שהוצגו בעמודים הקודמים :

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <title>עמוד האינטרנט הראשון שלי</title>
  5. <!-- דרך אגב, זוהי הערה שניתן להכניס בצורה חופשית בקוד -->
  6. </head>
  7. <body>
  8. <h1>עמוד האינטרנט הראשון שלי</h1>
  9. <h2>מה זה ? </h2>
  10. <p>זה עמוד הטמל פשוט מאוד. <strong>כמה פשוט ?</strong>זה עמוד הטמל פשוט מאוד. זה עמוד הטמל פשוט מאוד. זה עמוד הטמל פשוט מאוד. זה עמוד הטמל פשוט מאוד. זה עמוד הטמל פשוט מאוד. זה עמוד הטמל פשוט מאוד. זה עמוד הטמל פשוט מאוד.</p>
  11. <h2>למה זה ? </h2>
  12. <ul>
  13. <li>בשביל ללמוד הטמל</li>
  14. <li>
  15. בגלל ש..
  16. <ol>
  17. <li>אני מסוגל</li>
  18. <li>אני יכול להשוויץ בזה מול החברים שלי</li>
  19. <li>משעמם לי</li>
  20. <li>אני אוהב את המחשב שלי ורוצה להחזיר לו האהבה.</li>
  21. </ol>
  22. </li>
  23. <li>בלה בלה</li>
  24. </ul>
  25. <h2>איפה ניתן למצוא את המדריך הזה ?</h2>
  26. <p><a href="http://www.htmlguide.co.il">באתר HTMLGuide </a> שאותו בנתה חברת Signup קידום אתרים </p>
  27. <p><a href="http://www.signup.co.il"><img src="http://www.signup.co.il/images/logo.png" width="191" height="60" alt="לוגו Signup קידום אתרים" /></a></p>
  28. <h3>טבלה</h3>
  29. <table border="1">
  30. <tr>
  31. <td>שורה 1, תא 1</td>
  32. <td>שורה 1, תא 2</td>
  33. <td>שורה 1, תא 3</td>
  34. </tr>
  35. <tr>
  36. <td>שורה 2, תא 1</td>
  37. <td>שורה 2, תא 2</td>
  38. <td>שורה 2, תא 3</td>
  39. </tr>
  40. <tr>
  41. <td>שורה 3, תא 1</td>
  42. <td>שורה 3, תא 2</td>
  43. <td>שורה 3, תא 3</td>
  44. </tr>
  45. <tr>
  46. <td>שורה 4, תא 1</td>
  47. <td>שורה 4, תא 2</td>
  48. <td>שורה 4, תא 3</td>
  49. </tr>
  50. </table>
  51. <h3>טופס</h3>
    <p><strong>Note:</strong> It looks the part, but won't do a damned thing</p>
  52. <form action="somescript.php" method="post">
  53. <p>Name:</p>
    <p><input type="text" name="name" value="Your name" /></p>
  54. <p>Comments: </p>
    <p><textarea rows="10" cols="20" name="comments">Your comments</textarea></p>
  55. <p>Are you:</p>
    <p><input type="radio" name="areyou" value="male" /> Male</p>
    <p><input type="radio" name="areyou" value="female" /> Female</p>
    <p><input type="radio" name="areyou" value="hermaphrodite" /> An hermaphrodite</p>
    <p><input type="radio" name="areyou" value="asexual" checked="checked" /> Asexual</p>
  56. <p><input type="submit" /></p>
  57. <p><input type="reset" /></p>
  58. </form>
  59. </body>
  60. </html>

עשית את זה !
שמור את הקובץ והתחל לשחק איתו מעט – זו הדרך הטובה ביותר ללמוד HTML.