לאחר שניסה כמה פתרונות מוכנים לשימוש, אשר לא דורשים שום ידע של הנושא, החלטתם לנסות את היד שלך על יצירת אתר אינטרנט "מקבל את הידיים שלך מלוכלך" עם קודHTML. אתה מאוד נלהב על זה, אבל יש כמה דברים שאתה לא היה מסוגל להבין היטב עדיין.
לדוגמה, אתה רוצה כמה הבהרות עלאיך להכניס תמונה ב- HTML, מה הם הפרמטרים הנכונים לשמש עיצוב קוד ומה המידע ניתן להזין האחרון. ובכן, יודע כי הגעת למקום הנכון בזמן הנכון. אנחנו לא לבזבז עוד זמן לראות מיד את כל מה שאנחנו צריכים לדעת על הוספת תמונות באתרי אינטרנט ובלוגים באמצעות קוד HTML.
כדי להבין איך להכניס תמונה לתוךHTML, עליך לוודא שאתה מכיר מושג מפתח: התמונות שאתם רואים בדפי האינטרנט של אתרי אינטרנט, בלוגים ופורומים לא תשולבנה האחרון אבל נקראות ממקומות חיצוניים. משמעות הדבר היא שלכל תמונה חייבת להיות כתובת ייחודית שאליה המשתמש יכול להתייחס לשימוש באינטרנט.
כתובת של תמונה מורכבת בדרך זו: בהתחלה יש את הכתובת של שטח האינטרנט שבו הוא מתארח (למשל) ולאחר מכן ג ' הוא השם של התמונה הרחבה המלאה (למשלImmagine.jpg). כתובת ישירה של תמונה באינטרנט חייב ולכן יש הרכב של סוגimmagine.jpg.
בשלב זה, אתה תוהה, אבל איך אתה זוכר את הכתובת של תמונה בדף אינטרנט, על מנת להפוך את התמונה גלויה לציבור? שום דבר לא יכול להיות פשוט יותר. פשוט להשתמש בתגimgואחריו את המיליםsrc =ואת הכתובת של התמונה להיות מוכנס בדף מוקף מרכאות. מעל בהמשך לדוגמה, אתה צריך להשתמש בפורמטים הבאים:
עכשיו אתה יודע איך להכניס תמונה לתוךHTML באמצעות הקוד הבסיסי, אבל אתה יכול להוסיף משתנים אחרים כדי לציין גודל, יישור, ואת המרווח של התמונות בהקשר של הדפים שבהם הם מוכנסים.
ליישר תמונה במרכז, שמאלה, ימינה, למעלה או למטה בדף, מה שאתה צריך לעשות הוא להשתמש בפורמט עתה ראינו יחד ולהוסיף אותו align = משתנהואחריו את סוג אתה רוצה לקחת את התמונה. הנה דוגמא:
עם הקוד הזה, יש לנו יישר את התמונה במרכז (ערך המרכז) אבל למעשה אתה יכול להשתמש הרבה סוגים אחרים של משתנה כדי ליישר: עזובמיישרת את התמונות בצד השמאל;ימיןמיישר את התמונות בצד ימין;התחתונהיש את התמונה על הימנית התחתונה של השורה הראשונה של הטקסט;באמצע יש את התמונה על החלק המרכזי משמאל בשורה הראשונה של הטקסט;הדףיש את התמונה בפינה השמאלית העליונה של השורה הראשונה של הטקסט.
כפי שצוין לעיל, באמצעות קוד HTML אתה יכול גם לשנות את גודל התמונות (חזותית בלבד, מבלי לשנות את הקובץ המקורי) ולציין את המרווח הם חייבים להיות לעומת אלמנטים אחרים המרכיבים את דף האינטרנט שבו הם מוכנסים.
כדי לציין את הממדים כי חייבת להיות תמונה, אתה צריך להשתמש במשתניםרוחב וגובההמפרט את ערכי פיקסל, בעוד לריווח אתה צריך להשתמש בקול hspaceכדי לציין את המרווח האופקיvspaceלציון ריווח אנכי. הנה דוגמה של 300 × 200 פיקסל תמונה שיש מרווח אנכי ואופקיים של 20 פיקסלים:
לבסוף, בואו לראות איך לקשר קישורלתמונה, כך לחיצה על זה ינותבו לדף מסוים או אתר אינטרנט, וכיצד להוסיף תיאור טקסט של התמונה להיות לשכפל במקרה זה לא יכול להיות מוצג כראוי (למשל עבור שגיאות שרת או למחיקת התמונה מהמיקום המקורי שלה).כדי להוסיף חיבור לאינטרנט לתמונה, אין צורך בקידומת קוד
a href =ואחריו כתובת האתר כדי לקשר את קוד התמונה ולהוסיף את התגבסוף הקוד. הנה דוגמה שבה התמונה השתמשנו עד כה עבור הדוגמה שלנו מקשר את הכתובתwww.sitodalinkare.com:לגבי התיאור טקסטואלי, במקום, האחרון הוא הוסיף את התמונה באמצעות קוד
altכי יש להשתמש בדרך זו:הייתי אומר שזה הכל! עכשיו אתה יודע את כל הכללים הבסיסיים עבור
הוספת תמונה ב- HTMLבלוגים ואתרי אינטרנט.זה לוקח מעט מאוד ללמוד אותם, לראות? החל מכאן אתה יכול להעמיק את הנושא לגלות פונקציות רבות אחרות שניתן לנצל באמצעות HTML. תהנה!