מדריך HTML - חלק 6 | פסקאות בHTML

[liy]

ב"ה

---

פסקאות בHTML

---

התג לפסקאות הוא <p>.

פסקה בסיסית

אנחנו נכנס לקובץ index.html שיצרנו ונכתוב בתוכו את הקוד הבא:

<p>אני לומד כיצד לבנות אתרים ע"י פורום תכנוטק<p>

<p>אני        לומד         כיצד        לבנות אתרים            ע"י             פורום       תכנוטק<p>

נשמור ונריץ באמצעות תוכנת הlocahost.

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

פסקה מחולקת

על מנת ליצור פסקה מחולקת נשתמש בשני תגים <p>ו <hr>.
דוגמא לפסקה מחולקת:

<p>אני לומד כיצד לבנות אתרים ע"י פורום תכנוטק<p>
<hr>
<p>זה פורום שכולל בתוכו כל מיני דברים מעניינים</p>
<hr>
<p>בהצלחה לכם!</p>

נשמור ונריץ עם תוכנת הlocalhost.

התוצאה היא:

פסקה עם Enter

על מנת ליצור פסקה עם Enter בלי ליצור הרבה תגים של <p> נשתמש בשני תגים <p>ו <br>.
דוגמא לפסקה עם Enter:

<p>אני לומד כיצד לבנות אתרים ע"י פורום תכנוטק<br>זהו פורום מעניין<br>להתראות<p>

נשמור ונריץ עם תוכנת הlocalhost.

התוצאה היא:

שימו לב! אם תכתבו פסקה בסגנון הזה:

<p>
שורה ראשונה
שורה שניה
שורה שלישית
</p>

הדפדפן יציג הכל יצא באותו שורה

פסקה עם רווחים אוטומטים
על מנת ליצור פסקה עם רווחים אוטומטים נשתמש בתג <pre>.
דוגמא לפסקה עם רווחים אוטומטים:

<pre>
אני כותב טקסט והדפדפן יעשה רווחים אוטומטים לפי כמות הטקסט
</pre>

נשמור ונריץ עם תוכנת הlocalhost.

התוצאה היא:

---

בהצלחה!

יש לכם שאלות? הארות? ניתן לכתוב אותם כאן

העברת את המדריך לחבר? חובה לתת קישור וקרדיט למקור!