אם ברצוננו להעביר את התמונה למיקומים השונים בדף האינטרנט באמצעות תג ה-Html, עלינו לבצע את השלבים המפורטים להלן.
שלב 1: ראשית, עלינו להקליד את קוד ה-Html בכל עורך טקסט או לפתוח את קובץ ה-Html הקיים בעורך הטקסט בו אנו רוצים ליישר תמונה:
Align an Image Hello User! This page helps us to understandhow to specify an image at a particular position in a pargraph using the Html tag. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp">
שלב 2: כעת, מקם את הסמן בתוך תג של התמונה אותה אנו רוצים ליישר. ואז, עלינו להשתמש בתכונת align של תג img לציון המיקום. לכן, עלינו להקליד את תכונת ה-align כפי שמתואר בבלוק הבא.
<img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt>
שלב 3: לאחר ציון המיקום, עלינו לשמור את קוד ה-Html ולאחר מכן להפעיל את הקובץ. ישנם קוד HTML שונים המציג את התמונה בפסקה במיקומים השונים:
1. אמצעי
ערך יישור זה מגדיר את התמונה באמצע.
Align an Image at middle Hello User! <p>This page helps us to understand how to align an image in Html. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> It is first section in this page which describes how to specify an image at middle in a pargraph using the Html tag.</p>בדוק את זה עכשיו
הפלט של קוד HTML למעלה מוצג בצילום המסך הבא:
2. למעלה
ערך יישור זה מגדיר את התמונה בחלק העליון.
Align an Image at Top Hello User! <p>This page helps us to understand how to align an image in Html. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> It is Second section in this page which describes how to specify an image at top in a paragraph using the Html tag.</p>בדוק את זה עכשיו
הפלט של קוד HTML למעלה מוצג בצילום המסך הבא:
3. תחתון
ערך יישור זה מגדיר את התמונה בתחתית.
Align an Image at bottom Hello User! <p>This page helps us to understand how to align an image in Html. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> It is third section in this page which describes how to specify an image at bottom in a paragraph using the Html tag.</p>בדוק את זה עכשיו
הפלט של קוד HTML למעלה מוצג בצילום המסך הבא:
4. שמאלה
ערך יישור זה מגדיר את התמונה בצד שמאל.
Align an Image at left Hello User! <p>This page helps us to understand how to align an image in Html. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> It is fourth section in this page which describes how to specify an image at left side of a paragraph using the Html tag.</p>בדוק את זה עכשיו
הפלט של קוד HTML למעלה מוצג בצילום המסך הבא:
5. נכון
ערך יישור זה מגדיר את התמונה בצד ימין.
Align an Image at Right Hello User! <p>This page helps us to understand how to align an image in Html. <img src="//techcodeview.com/img/html-tutorial/33/how-align-image-html.webp" alt> It is fifth section in this page which describes how to specify an image at right side of a paragraph using the Html tag.</p>בדוק את זה עכשיו
הפלט של קוד HTML למעלה מוצג בצילום המסך הבא: