ה ' 'תג משמש להצגת הטקסט בדף האינטרנט הנחשב כפסקה. התג '
' מגיע עם רווח אנכי מוגדר מראש שמתווסף לפני ואחרי הפסקה. הטקסט בתוך התג '
' מוצג תמיד בשורה הבאה ומדלג גם על רווחים נוספים. מפתחים יכולים להשתמש בתג p כדי להפריד תוכן למקטעים נפרדים או לארגן מידע באופן הגיוני.
מדריך זה מדגים את תג HTML p יחד עם יישום מעשי.
מה זה HTML p Tag?
ה ' 'תג משמש בדף האינטרנט כדי לשפר את מבנה התוכן ולהפוך את הטקסט לבולט יותר. זה עוזר בתהליך של SEO עבור דף האינטרנט שיכול לשפר את דירוג האתר בתוצאות החיפוש.
תחביר
התחביר עבור ' ' תג מוצג כ:
< ע > לינוקס ע >
בשורת הקוד שלמעלה, ' ' הוא התג ההתחלתי, ו-'
' הוא התג הסוגר. חובה להשתמש בתג הסגירה כדי למנוע את המורכבות והחפיפה של רכיבי HTML.
בקר בדוגמה שלהלן כדי להבין כיצד ' 'תג עובד:
< גוּף >< ע > שלום לקהילת Linuxhint ע >
גוּף >
הפלט של קטע הקוד לעיל מוצג להלן:
הפלט לעיל מציג את הטקסט הפשוט שמוצג על המסך באמצעות ' 'תג.
כיצד להחיל עיצוב CSS על תג
?
ה ' ' תג מקבל מאפיינים גלובליים כמו ' מעמד ', ' תְעוּדַת זֶהוּת ' או ' סִגְנוֹן ' וכו' אשר ניתן לנצל לעיצוב האלמנט הנבחר באמצעות מאפייני CSS. המפתח יכול להשתמש באחת מהתכונות הגלובליות כדי להחיל מאפייני CSS רק על האלמנטים הספציפיים. ולהחלת סגנונות על כל ' ' תגיות המשמשות בדף האינטרנט בחרו ישירות ב- HTML ' ע ' רכיב בתוך קובץ ה-CSS או ' <סגנון> 'תג.
דוגמה 1: החלת מאפייני CSS על כל רכיבי 'p'.
להגדרת אותם סגנונות בכל רכיבי ה-HTML
, בקר בקטע הקוד שלהלן:
< סִגְנוֹן >ע {
צבע רקע: ירוק יער;
צבע לבן;
}
סִגְנוֹן >
< גוּף >
< ע > שלום לקהילת Linuxhint ע >
< ע > שלום לקהילת Linuxhint ע >
< ע > שלום לקהילת Linuxhint ע >
< ע > שלום לקהילת Linuxhint ע >
גוּף >
בקטע הקוד שלמעלה, ה-CSS ' צבע רקע ' ו' צֶבַע ' מאפיינים מוחלים על ' ע ' רכיבים על ידי בחירה ישירה של ' ע ' בורר אלמנטים.
לאחר ביצוע קטע הקוד לעיל, דף האינטרנט נראה כך:
הפלט לעיל מראה שאותו סגנון הוחל על כל ' ע ' רכיבים בדף האינטרנט.
דוגמה 2: החלת מאפייני CSS על אלמנט 'p' ייחודי
ליישום סגנונות על ' ע ', ניתן להשתמש בתכונות הסגנון, המזהה או המחלקה. מאפיינים גלובליים אלה מיישמים מאפייני CSS על ' ע אלמנט שאליו הם מחוברים.
תן לנו לבקר בקוד:
< סִגְנוֹן >ע {
צבע רקע: ירוק יער;
צבע לבן;
}
.using-class {
צבע רקע: כהה;
}
#using-id{
צבע רקע: חום ורוד;
}
סִגְנוֹן >
< גוּף >
< ע > שלום לקהילת Linuxhint ע >
< ע סִגְנוֹן = 'צבע רקע:אדום' > שלום לקהילת Linuxhint ע >
< ע מעמד = 'שימוש בכיתה' > שלום לקהילת Linuxhint ע >
< ע תְעוּדַת זֶהוּת = 'using-id' > שלום לקהילת Linuxhint ע >
< ע > שלום לקהילת Linuxhint ע >
גוּף >
בקטע הקוד שלמעלה, המאפיין צבע רקע עבור ' ע אלמנט ' מוגדר עם ערכים שונים כאשר נעשה בו שימוש עם תכונות גלובליות.
לאחר ביצוע קטע הקוד לעיל, דף האינטרנט מופיע כך:
הפלט לעיל מראה כי ' ע אלמנטים מעוצבים כעת באופן ייחודי בעזרת תכונות גלובליות.
סיכום
ה ' '
.