שאַפֿן אַ אַפּלאַקיישאַן-נוסח דערפאַרונג אויף דיין וועבזייטל
דינאַמיש HTML (דהטמל) אַלאַוז איר צו שאַפֿן אַ אַפּלאַקיישאַן-נוסח דערפאַרונג אויף דיין וועבסיטעס, רידוסינג די אָפטקייַט אַז גאַנץ בלעטער האָבן צו זיין גאָר לאָודיד. אין אַפּלאַקיישאַנז, ווען איר גיט אויף עפּעס, די אַפּלאַקיישאַן מיד ענדערונגען צו ווייַזן אַז ספּעציפיש אינהאַלט אָדער צו צושטעלן איר מיט דיין ענטפער.
אין קאַנטראַסט, וועבפּאַגעס טיפּיקלי האָבן צו זיין רילאָודיד, אָדער אַ גאַנץ נייַ בלאַט האט צו זיין לאָודיד. דעם קענען מאַכן די באַניצער דערפאַרונג מער דיסדזשאָינטעד. דיין קאַסטאַמערז האָבן צו וואַרטן פֿאַר די ערשטער בלאַט צו מאַסע און דעמאָלט וואַרטן ווידער פֿאַר די רגע בלאַט צו מאַסע, און אַזוי אויף.
ניצן & לט, דיוו & גט; צו פֿאַרבעסערן וויוער דערפאַרונג
ניצן דהטמל, איינער פון די יזיאַסט מגילה צו פֿאַרבעסערן דעם דערפאַרונג איז צו האָבן דיוו עלעמענטן קנעפּלעך אויף און אַוועק צו אַרויסווייַזן אינהאַלט ווען עס איז געבעטן. אַ דיוו עלעמענט דיפיינז לאַדזשיקאַל דיוויזשאַנז אויף דיין וועבפּאַגע. טראַכטן פון אַ דיוו ווי אַ קעסטל וואָס קען אַנטהאַלטן פּאַראַגראַפס, כעדינגז, לינקס, בילדער, און אַפֿילו אנדערע דיווקס.
וואָס איר דאַרפֿן
אין סדר צו מאַכן אַ דיוו וואָס קענען זיין טאַמבאַלד אויף און אַוועק, איר דאַרפֿן די פאלגענדע:
- א לינק צו קאָנטראָלירן די דיוו דורך ווענדן עס אויף און אַוועק ווען קליקט
- די דיוו צו ווייַזן און באַהאַלטן
- CSS צו דיווידי דיווידע אָדער קענטיק
- דזשאַוואַסקריפּט צו דורכפירן די אַקציע
די קאַנטראָולינג לינק
די קאַנטראָולינג לינק איז די יזיאַסט טייל. פשוט מאַכן אַ לינק ווי איר וואָלט צו אן אנדער בלאַט. פֿאַר איצט, לאָזן די הרעף אַטריביוט ליידיק.
לערן HTML a>אָרט דעם ערגעץ אויף דיין וועבפּאַגע.
די דיוו צו ווייַזן און באַהאַלטן
שאַפֿן די דוו עלעמענט איר ווילן צו ווייַזן און באַהאַלטן. מאַכן זיכער אַז דיין דיוו האט אַ יינציק שייַן אויף אים. אין דעם בייַשפּיל, די יינציק שייַן איז HTML .
Learn HTML h3> - Free HTML Class li>
- HTML Tutorial a> li>
- וואָס איז XHTML? li> ul> div> div>
די קסס צו ווייַזן און באַהאַלטן די דיוו
שאַפֿן צוויי קלאסן פֿאַר דיין קסס: איינער צו באַהאַלטן די דיוו און די אנדערע צו ווייַזן עס. איר האָבן צוויי אָפּציעס פֿאַר דעם: אַרויסווייַזן און וויזאַביליטי.
ווייַז רימוווז די דיוו פון די בלאַט לויפן, און וויזאַביליטי נאָר ענדערונגען ווי עס איז געזען. עטלעכע קאודז בעסער אַרויסווייַזן , אָבער מאל וויזאַביליטי מאכט זיכער, אויך. פֿאַר בייַשפּיל:
.הידען {אַרויסווייַזן: גאָרניט; } .ונהידען {אַרויסווייַזן: בלאָק; } אויב איר ווילן צו נוצן וויזאַביליטי, דעמאָלט טוישן די קלאסן צו:
.הידען {וויזאַביליטי: פאַרבאָרגן; } .ונהידעד {וויזאַביליטי: קענטיק; } לייג די פאַרבאָרגן קלאַס צו דיין דיוו אַז עס סטאַרץ ווי פאַרבאָרגן אויף די בלאַט:
class = "hidden" > דזשאַוואַסקריפּט צו מאַכן עס אַרבעט
אַלע דעם שריפט איז קוקן בייַ די קראַנט קלאַס שטעלן אויף דיין דיוו און מאַכאַגייזיז עס צו אַנהידען אויב עס איז אנגעצייכנט ווי פאַרבאָרגן אָדער וויצע ווערסאַ.
דאָס איז בלויז אַ ביסל שורות פון דזשאַוואַסקריפּט. שטעלן די פאלגענדע אין די קאָפּ פון דיין HTML דאָקומענט (איידער די <קאָפּ> קוויטל:
די קסס צו ווייַזן און באַהאַלטן די דיוו
שאַפֿן צוויי קלאסן פֿאַר דיין קסס: איינער צו באַהאַלטן די דיוו און די אנדערע צו ווייַזן עס. איר האָבן צוויי אָפּציעס פֿאַר דעם: אַרויסווייַזן און וויזאַביליטי.
ווייַז רימוווז די דיוו פון די בלאַט לויפן, און וויזאַביליטי נאָר ענדערונגען ווי עס איז געזען. עטלעכע קאודז בעסער אַרויסווייַזן , אָבער מאל וויזאַביליטי מאכט זיכער, אויך. פֿאַר בייַשפּיל:
.הידען {אַרויסווייַזן: גאָרניט; } .ונהידען {אַרויסווייַזן: בלאָק; }אויב איר ווילן צו נוצן וויזאַביליטי, דעמאָלט טוישן די קלאסן צו:
.הידען {וויזאַביליטי: פאַרבאָרגן; } .ונהידעד {וויזאַביליטי: קענטיק; }לייג די פאַרבאָרגן קלאַס צו דיין דיוו אַז עס סטאַרץ ווי פאַרבאָרגן אויף די בלאַט:
דזשאַוואַסקריפּט צו מאַכן עס אַרבעט
אַלע דעם שריפט איז קוקן בייַ די קראַנט קלאַס שטעלן אויף דיין דיוו און מאַכאַגייזיז עס צו אַנהידען אויב עס איז אנגעצייכנט ווי פאַרבאָרגן אָדער וויצע ווערסאַ.
דאָס איז בלויז אַ ביסל שורות פון דזשאַוואַסקריפּט. שטעלן די פאלגענדע אין די קאָפּ פון דיין HTML דאָקומענט (איידער די <קאָפּ> קוויטל: