קורס [HTML] | שיעור שני - פסקאות ומעברי שורה

קורס HTML / אוראל – שיעור שני: פסקאות ומעברי שורה

שילוב של תגית פותחת, תגית סוגרת והתוכן (מה שבין התגית הפותחת לסוגרת) נקרא "אלמנט" – Element.

<p> פסקה
האלמנט <p> מציין פסקה של טקסט.
בואו ניצור דף HTML אשר תוכנו יהיה:

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

(נכון לומר "I made it", אך אין זה משנה מהחומר הנלמד).

כמו שכבר אמרתי, התגית p (קיצור של המילה Paragraph) מציינת פסקה.



<br> מעבר שורה
ניתן גם לעשות שימוש בתגית <br> המציינת מעבר שורה. למשל:

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

יש גם לשים לב: בעת השימוש בתגית <br> אין משמעות לתגית פותחת ותגית סוגרת, כיוון שאין תוכן בתוך התגית הזאת. לכן, ע”פ (על-פי) כללי התחביר (שלמדנו בשיעור הקודם), משתמשים בסוגר פנימי והתגית נראית כך:

בנוסף, התגית <p> היא רמת בלוק, ואילו <br /> היא רמת שורה (לא זוכרים? עיינו בשיעור הקודם).

I made it*

עריכה של תום: זה ספאם!
נא להמנע.

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

אני התבלבלתי כשכתבתי את הקוד וצלמתי את תמונות המסך, מתנצל.
חוץ מזה, אשמח להערות וכדו' ^^