ב-HTML, נוכל להוסיף בקלות את הקו האופקי במסמך באמצעות הדרכים השונות הבאות:
- שימוש בתג HTML
- שימוש ב-CSS הפנימי
שימוש ב-Html
אם נרצה להוסיף את הקו האופקי במסמך ה-Html באמצעות תג HTML , אז עלינו לבצע את השלבים המפורטים להלן. בעזרת השלבים הבאים נוכל להוסיף בקלות את השורה:
שלב 1: ראשית, עלינו להקליד את קוד ה-Html בכל עורך טקסט או לפתוח את קובץ ה-Html הקיים בעורך הטקסט בו נרצה להוסיף את הקו האופקי.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Html tags.
שלב 2: כעת, מקם את הסמן בנקודה בה אנו רוצים להוסיף את השורה במסמך ה-Html. ואז אנחנו צריכים להשתמש ב-
תג של HTML בשלב זה.
<hr>
שלב 3: כעת, עלינו להוסיף את התכונות של
תג, המגדיר את הגודל, הצבע והרוחב של קו. לכן, עלינו להקליד את תכונת הגודל, הרוחב והצבע בתוך
תָג.
<hr>
שלב 4: ואז עלינו לציין את הערכים של התכונות הללו.
<hr>
שלב 5: ולבסוף, עלינו לשמור את קוד ה-Html ולאחר מכן להפעיל את הקובץ בדפדפן.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Html tag.בדוק את זה עכשיו
הפלט של קוד HTML לעיל מוצג בצילום המסך הבא:
שימוש ב-CSS הפנימי
אם ברצוננו להוסיף את הקו האופקי במסמך ה-Html באמצעות גיליון הסגנונות הפנימי, עלינו לבצע את השלבים המפורטים להלן. בעזרת השלבים הבאים נוכל להוסיף בקלות את השורה:
שלב 1: ראשית, עלינו להקליד את קוד ה-Html בכל עורך טקסט או לפתוח את קובץ ה-Html הקיים בעורך הטקסט בו נרצה להוסיף את הקו האופקי.
Add the Line using Internal CSS. This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet.
שלב 2: כעת, עלינו למקם את הסמן מיד לאחר סגירת תג הכותרת ב- תג ראש של מסמך ה-Html ולאחר מכן הגדר את הסגנונות בתוך תג כפי שמוצג בבלוק הבא. ואז עלינו להקליד את תג ה-CSS hr לעיצוב הקו האופקי.
Add the Line using Internal CSS. hr { } שלב 3: כעת, עלינו להגדיר את התכונות של תג CSS hr. לכן, נגדיר את התכונות השונות בבלוק הבא:
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } שלב 4: כעת, עלינו להקליד את
תג בגוף מסמך ה-Html כדי להציג את הקו האופקי בדף האינטרנט. ולבסוף, עלינו לשמור את קובץ ה-Html ולאחר מכן להפעיל את הקובץ בדפדפן האינטרנט.
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet. בדוק את זה עכשיו הפלט של קוד HTML לעיל מוצג בצילום המסך הבא:
