כיצד להכניס תמונה ל- HTML

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

כיצד להכניס תמונה ל- HTML
כיצד להכניס תמונה ל- HTML

וִידֵאוֹ: כיצד להכניס תמונה ל- HTML

וִידֵאוֹ: כיצד להכניס תמונה ל- HTML
וִידֵאוֹ: לימוד HTML ו CSS שיעור 5 פרק 1 - כיצד מוסיפים תמונה תגית IMG 2024, נוֹבֶמבֶּר
Anonim

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

כיצד להכניס תמונה ל- HTML
כיצד להכניס תמונה ל- HTML

הוראות

שלב 1

אם קובץ התמונה וקובץ ה- HTML נמצאים באותה תיקיה, השתמש בקוד ה- HTML הבא כדי להוסיף את התמונה: כאשר imagename.jpg

שלב 2

אם קובץ התמונה נמצא על אותו שרת, אך בתיקייה אחרת, שנה את הבנייה הזו באופן הבא: כאשר / תיקיה / תיקיה אחרת / imagename.jpg

שלב 3

הצב בזהירות תמונות המאוחסנות בשרתים אחרים - יתכן שמופעלת שם הגנה מפני שטיפה ואז במקום התמונה הרצויה, המבקר בעמוד שלך יראה אזהרה לגבי הגנה כזו. אם אין הגנה כזו, והבעלים של שרת הצד השלישי אינו מתנגד להכנסת התמונות השמורות שם לדפים של אחרים, השתמש בקטע הקוד הבא: איפה https://server.domain/folder/anotherfolder/imagename.jpg

שלב 4

כדי שהתמונה תהיה בו זמנית קישור לדף אחר, השתמש בקוד הבא:, כאשר הקישור הוא כתובת הקישור (מקומית או גלובלית).

שלב 5

לבסוף, כך שכאשר המשתמש לוחץ על התמונה, המשתמש יכול לראות את העותק המוגדל שלה, שנה את החלק השבר הקודם באופן הבא: כאשר imagename-big.jpg

מוּמלָץ: