ב-HTML, נוכל להוסיף בקלות את הקו האופקי במסמך באמצעות הדרכים השונות הבאות:

1. שימוש בתג HTML
2. שימוש ב-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. ואז אנחנו צריכים להשתמש ב-

 <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: כעת, עלינו להקליד את

 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 לעיל מוצג בצילום המסך הבא: