כיצד להפוך את טבלאות HTML לתמונות אינטראקטיביות

שלב 1

הפעל את עורך HTML או פנקס רשימות ופתח מסמך HTML.

שלב 2

הדבק את הקוד המוצג למטה למסמך:

תא רגיל	תא רגיל
לחץ כאן כדי לבקר את הבית הלבן	לחץ כדי לבצע פונקציית JavaScript

קוד זה יוצר טבלה המכילה שתי שורות ושתי עמודות. תגי "td" מגדירים את התא של הטבלה. כל דבר בין תאים אלה הופך לחלק ממנו. תסתכל על שני תגי עוגן שמופיעים בשני התאים האחרונים. התכונה "href" מציינת את העוגן הראשון באתר הבית הלבן. תג העוגן הבא מוסיף אירוע "onclick" אליו. אירוע זה קורא פונקציית התראה של JavaScript.

שלב 3

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

שלב 4

לחץ על הקישור "לחץ כאן כדי לבקר את הבית הלבן". החוקר ילך לאתר הבית הלבן. לחץ על הקישור "לחץ כדי לבצע פונקציית JavaScript". פונקציית ההתראה פועלת ומציגה תיבת הודעה מוקפצת.