הוסף תמונה- צור דף אינטרנט מדהים
דפי אינטרנט הם שילוב של טקסט, סרטונים ותמונות. מתחת לכל התמונות הנוצצות והטקסטים המפוארים מסתתר עולם ה-HTML. אתה יכול להוסיף תמונה ב-HTML באותו אופן כמו שאתה מוסיף טקסט.
HTML היא השפה העיקרית ליצירת דפי אינטרנט. דפי אינטרנט יכולים להיות ממש פשוטים ופשוטים או עשויים להכיל את התמונה של השחקנית האהובה עליך, דוגמנית מפורסמת או אפילו עשויים להיות הכוכב האהוב עליך (קריצה)...!!!
אבל איך באמת מוסיפים תמונה בדף HTML זו השאלה. אתה מעוניין במזל, מכיוון שאתה רק צריך לבצע את השלבים הפשוטים האלה. אבל לפני שנעבור לשלבים העיקריים, הרשו לנו תחילה להסביר את הטרמינולוגיות השונות שאתם צריכים לדעת.
בשלב זה אל תדאג לגבי התחביר ודברים אחרים. יגיע הזמן לכך.
יש זמן מתאים לכל דבר
טרמינולוגיות להוספת תמונה ב-HTML
תג התמונה ![]()
:בניגוד לתגיות HTML אחרות, אין צורך לסגור את הכרטיסייה הזו. אלוהים! מדוע כל ה-HTMLer לא יצר תגיות דומות לזו. התג הזה כל כך פשוט.
תכונת src:כל מה שאתה פריק של מסרים מיידיים ו-WhatsApp יבין מיד ש-src מייצג מקור. פשוט, התכונה הזו מבקשת ממך את מקור התמונה. אז אתה צריך לציין את כתובת האתר שבה ממוקמת התמונה.
התכונה Alt:כן הבנת נכון. זה פשוט מבקש ממך להזין את הטקסט החלופי לתמונה. מה אם המשתמש בדף האינטרנט שלך הוא ממדינת עולם שלישי עם מהירות נטו של שנות ה-90. במקרה כזה טקסט חלופי הוא זה שיוצג עד לטעינת התמונה. זה גם מה שעיוורים ישמעו אם הם משתמשים בקורא מסך. ואל דאגה אנשים שאינם עיוורים המשתמשים בקורא מסך ישמעו את אותו הטקסט.
גובה ורוחב של תמונות:זה תלוי בך אם אתה רוצה לציין את הגובה והרוחב ביחס לתמונה המקורית או שאתה רוצה להקיש מספרים משלך ללא קשר לגודל התמונה המקורית. אהה! אמרתי לך בוס, אני אספר לך על התחביר והכל. תהיה סבלני.
ובכן, אז עכשיו נדון בחלק המשעמם של תחביר להכנסת התמונה.
תחביר להוספת תמונה ב-HTML
אתה שואל אותי, האם זה כל כך פשוט ואני אומר שכן, הכנסת תמונה ב-HTML היא כל כך פשוטה. כפי שניתן לראות שהתחביר הוא בצורת תמונה. אז אם אתה רוצה להעתיק את התחביר אתה לא יכול לעשות את זה. הכוונה שלי הייתה פשוטה שתראה את התחביר ותקליד אותו בעצמך, כך שלעולם לא תשכח אותו ולא תצטרך לבקר בדף העלוב הזה.
אבל עדיין אם אתה נחרץ שאני לא רוצה ללמוד ולהעתיק ולהדביק את התחביר. לכל התחת העצלן שלך, הנה התחביר בצורת טקסט להוספת תמונה ב-HTML:
בזמן העתקה של הדבקת הקוד למעלה, ייתכן שהפסיק ההפוך עשוי להיות בגופן אחר ולכן ה-HTML עשוי לקרוא אותו כטקסט ולא כקוד. אז אם אתה נתקל בבעיה, פשוט מחק את הפסיק ההפוך הכפול אחד אחד והקלד אותו ידנית והקוד אמור לעבוד בסדר.
המיקום היחסי של תכונות שונות אינו משנה את התוצאה של הקוד.
אם אתה רוצה להוסיף תמונה שנמצאת במחשב או בכונן המקומי שלך ב-HTML, עליך להעלות אותה באינטרנט. יש הרבה אתרים שבהם אתה יכול להעלות תמונות בחינם
למרות שתמיד מומלץ להעלות תמונה בשרת משלך. אם תעלה תמונה לאתר של צד שלישי, במקרה שאותו אתר יבצע שינויים כלשהם בשרת שלו, אתה עלול להיתקל בקישור שבור.