כיצד להוסיף טקסט בתמונה עם HTML

ניתן להוסיף טקסט לתמונות ללא תוכנת עריכת תמונות.

שלב 1

פתח את עורך HTML שלך. בחר "קובץ" ו "חדש" בסרגל הניווט של התוכנית. מסמך HTML ריק יופיע על המסך.

שלב 2

קידוד טבלה חדשה. הגדר את המאפיינים, הגבול, המרווח הסלולרי ו cellpadding ל 0. זה יאפשר התאים בטבלה להיות סומק עם התמונה.

דוגמה:

שלב 3

הזן ערכת נתונים ותוויות לשורות בטבלה. התאם את הגובה והרוחב של הנתונים בטבלה למידות התמונה.

דוגמה:

שלב 4

הוסף רקע = "ImageLink" בקוד הנתונים של הטבלה. שנה את "imageLink" לכתובת האתר של התמונה שלך ולשמור את הציטוטים. פעולה זו מגדירה את התמונה כרקע עבור הטבלה.

דוגמה:

שלב 5

בחר מקום שבו יופיע הטקסט. הטקסט יוצג בתחתית, בחלק העליון או העליון של התמונה. הוסף valign = "bottom" לקוד הנתונים של הטבלה כדי לקבוע את המיקום. "Valign" מתייחס ליישור אנכי. שנה את "bottom" ל- "mid" או "top", בהתאם למיקום המיועד.

דוגמה: