כיצד להטמיע תמונה באתר באמצעות HTML

תוכן עניינים:

כיצד להטמיע תמונה באתר באמצעות HTML
כיצד להטמיע תמונה באתר באמצעות HTML

וִידֵאוֹ: כיצד להטמיע תמונה באתר באמצעות HTML

וִידֵאוֹ: כיצד להטמיע תמונה באתר באמצעות HTML
וִידֵאוֹ: יצירת גלריה ע״י טבלאות עם תמונות ב html 2024, נוֹבֶמבֶּר
Anonim

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

כיצד להטמיע תמונה באתר באמצעות HTML
כיצד להטמיע תמונה באתר באמצעות HTML

זה הכרחי

  • - גישה לאינטרנט;
  • - תמונה.

הוראות

שלב 1

הוא האמין כי פרסום ישיר של תמונות המאוחסנות במחשב אפשרי. זו שגיאה: אם המחשב שלך אינו שרת 24/7, התמונה לא תוצג בהודעה.

שלב 2

העלה את התמונה לאחסון מיוחד, כמו Yandex.fotka או Ipicture.ru. חשוב שהקובץ יהיה ניתן לצפייה ותמיד במצב מקוון. פתח את התמונה בדף אתר היעד והעתק את כתובת האתר מהשורה המתאימה.

שלב 3

התחל לכתוב את ההודעה שלך במצב HTML. הכנס את התגים הבאים:. במקום המעבר, הדבק את הכתובת המועתקת של הקובץ הגרפי.

שלב 4

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

שלב 5

אם העלית תמונה גדולה וברצונך להציג אותה בקנה מידה, התאם את התגים. לאחר סימן המרכאות הסגור, הכנס תג = רוחב = או גובה =, ולאחר מכן את הגודל הרצוי בפיקסלים. לדוגמה:. במקרה זה, תקבלו תמונה בכיוון אנכי בגובה 800 פיקסלים.

שלב 6

בעת עיצוב עם התגים הבאים הגודל אינו מותאם, אך מסגרת מופיעה סביב התמונה:. צבע המסגרת אדום, עוביו 5 פיקסלים. שנה את האפשרויות המתאימות כך שיתאימו לצבעים ולגדלים הרצויים לך.

מוּמלָץ: