תן אפקטים את התמונות עם HTML

HTML ו- CSS

Hyper Text Markup Language (HTML או בספרדית "שפת הסימנים ההיפר-טקסטים") היא שפת סופר נפוצה המשמשת את מפתחי האינטרנט ליצירת אתרים סטטיים. המבנה של דף אינטרנט הוא הוקם עם HTML. למרות שזה טוב ליצור את השלד של פרוייקט האינטרנט שלך, זה לא כל כך טוב לשימוש בו כסגנון או עבור אפקטים. לשם כך, גיליונות סגנון מדורגים (CSS) משמשים ומשלימים עם HTML שלך, זה מאפשר לך להוסיף אלמנטים גרפיים וסגנונות לדף האינטרנט שלך. לדוגמה, אם אתה רוצה להפוך את הטקסט להופיע מודגש בכל הכותרות של כל דף, אתה יכול לעשות את זה עם CSS

אטימות תמונה

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

בדוגמה זו, אטימות ב "50" הוגדר, ולכן הפחתת הנראות של דפי אינטרנט במחצית על ידי חצי.

"העכבר מעל" אפקט

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

אתה יכול לראות את הפקודות "onmouseout" ו "onmouseover". בעת טעינת הדף, קוד זה מפחית את העמימות של התמונה על ידי 50%, כאשר אתה עובר את הסמן מעל זה מגדיל ל 100%, כאשר אתה לוקח את הקורסים התמונה מופחתת שוב ל% 50.

Float (float)

"Float" הוא עוד HTML פשוט אפקט CSS לתמונה. ה "float" מגדיר היכן תופיע תמונה בתוך טבלה, תא או מסמך. הפקודה "float" משתמשת במאפיינים של שמאל, ימין ומרכז. ניתן להשתמש בזה, כדי למקם תמונה בתוך הטקסט או ליצור סדרה של תמונות הממוקמות כראוי בגלריה. אתה יכול להגדיר את זה בתוך תג HTML HTML כדלקמן:

בדוגמה הקודמת, צוין כי כל רכיבי HTML עם התג לצוף שמאלה במסמך.