פסקאות ב – HTML

כעת שיש לך מבנה בסיסי של עמוד HTML תקני אפשר להתחיל ולהכניס מעט תוכן לעמוד.
חזור לעמוד שיצרת בשלבים הקודמים, myhtmlpage.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. </head>
  6. <body>
  7. עמוד האינטרנט הראשון שלי
  8. איזו התרגשות
  9. </body>
  10. </html>

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

  1. עמוד האינטרנט הראשון שלי איזו התרגשות

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

  1. <p>עמוד האינטרנט הראשון שלי</p>
  2. <p>איזו התרגשות</p>

התגית p היא תגית המציינת פיסקה (paragraph).
הסתכל על התוצאה בדפדפן שלך - כעת יש לך 2 שורות טקסט !
הדגשה של טקסט ב – HTML

ניתן להדגיש טקסט שנמצא בתוך פסקה על ידי שימוש ב – em (emphasis) או strong (strong emphasis). שני התגיות הנ"ל עושים פחות או יותר את אותה פעולה, אך ישנם דפדפנים אשר מציגים em כטקסט נטוי ו – strong כהדגשה של טקסט.

  1. <p>כן, <em>זהו</em> טקסט שמודגש <strong>ב - 2</strong> צורות.</p>

דוגמא להדגשת טקסט בתוך פסקה
שבירת שורות ב - HTML

ניתן להשתמש בתגית br אשר על מנת להפריד שורה אחת ל – 2 שורות. לדוגמא :

  1. עמוד האינטרנט הראשון שלי<br />
  2. איזו התרגשות

תגית br אינה מקיפה תוכן ולכן הסגירה של התגית היא בצורה עצמאית “/” לאחר ביצוע הפקודה br.
הרגל מגונה הוא להשתמש בתגית br לשם הפרדה בין 2 פסקאות. מבחינה ויזואלית, אין בעיה עם שימוש שכזה אך מבחינות רבות אחרות זה דבר פסול שאסור לך לאמץ.