דאַווען פאַרנהאַם: הייַנט, איך בין געגאנגען צו רעדן אַ קליין ביסל וועגן HTML, היפּערטעקסט מאַרקאַפּ שפּראַך. איר זען HTML אומעטום די טעג. אין פאַקט, אויב איר 'רע וואַטשינג דעם ווידעא אין אַ בלעטערער, ​​איר ניטאָ געזען HTML רעכט איצט. HTML איז ניט אַ פּראָגראַממינג שפּראַך, גאַנץ, עס ס אַ מאַרקאַפּ שפּראַך געניצט דורך וועב בראַוזערז צו ופפירן בלעטער אויף דער אינטערנעץ. 

אַזוי איר זאל פרעגן, ווי פּונקט איז שרייבן אַ וועב בלאַט אין HTML פאַרשידענע פון שרייבן אַ פּראָגראַם אין אַ פּראָגראַממינג שפּראַך ווי C? נו, C איז אַ שפּראַך מיט זייער שטרענג סינטאַקטיקאַל כּללים אַז באדערפענישן צו זיין צונויפגעשטעלט איידער עס קענען לויפן. אויב איר 'ווע אלץ פארגעסן צו אַרייַננעמען אַ פּינטל - קאָמע אין די סוף פון אַ דערקלערונג אין דיין C קאָד, איר וויסן וואָס איך בין גערעדט וועגן אין גרוס צו שטרענג סינטאַקס. 

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

אַזוי וואָס מיר האָבן דאָ איז אַ יקערדיק בלופּרינט פֿאַר אַ וועב בלאַט. איר מיסטאָמע באמערקט אַ פּלאַץ פון זאכן אין צווישן אַנגגאַלד בראַקאַץ. נו, די זענען נאָר טאַגס. טאַגס בייסיקלי מיטטיילן וועב בראַוזערז אַז, היי, עפּעס איז קומענדיק דיין וועג. געדענקען כאָטש, ווען איר עפענען אַ קוויטל, איר דאַרפֿן צו פאַרמאַכן עס אַמאָל איר זענען געטאן ניצן עס. 

אַזוי פֿאַר בייַשפּיל, איך עפענען אַ אָפּטיילונג פון קאָד מיט עפענען קלאַמער גוף, נאָענט קלאַמער. איך דעריבער לייגן עטלעכע טעקסט, אין דעם פאַל, מיין ערשטער וועב בלאַט דעמאָלט ווען איך געגאנגען צו נאָענט דעם אָפּטיילונג, איך נוצן כּמעט אַ יידעניקאַל קוויטל אַחוץ דעם צייַט מיט אַ פאָרויס צעהאַקן איידער גוף. אין אַלגעמיין, דעם איז דער פֿאָרמאַט איר ניטאָ געגאנגען צו נוצן ווען איר זענען עפן און קלאָוזינג טאַגס. צוזאַמען, אַ עפענען קוויטל און אַ סוף קוויטל קאַמפּאָוז וואָס ס גערופן אַ עלעמענט. 

אויב איר קוק בייַ די ערשטער שורה, איר וועט זען אַ עקסקלאַמיישאַן פונט נאכגעגאנגען דורך דאָקטיפּע HTML. דעם איז טאַקע נאָר טעלינג אייער בלעטערער אַז דער טעקע איז אַ וועב בלאַט געשריבן אין HTML. די HTML טאַגס יסענשאַלי זאגט, דאָ קומט עטלעכע HTML. דעמאָלט מיר האָבן אַ קאָפּ קוויטל מיט אַ טיטל קוויטל ין עס. די קאָפּ קוויטל איר קענען טראַכטן פון ווי קאַמפּרייזינג HTML קאָד אַז קומט פֿאַר דער פאַרנעם פון אייער וועב בלאַט ס פאַקטיש צופרידן. 

אין אַלגעמיין, איר שטעלן דעם טיטל פון דיין וועב בלאַט דאָ, כאָטש עס זענען עטלעכע אנדערע טאַגס אַז קענען דערשייַנען דאָ ווי געזונט. ווייַטער קומט אייער וועב בלאַט ס גוף, די פאַקטיש פלייש און ביינער פון דיין וועבזייַטל. אין אונדזער בייַשפּיל, מיר 'ווע פּונקט שטעלן אַ פּשוט זאַץ, מיין ערשטער וועבפּאַגע, וואָס, אויב מיר לויפן אונדזער פּלאַץ, וועט קוקן אַ ביסל עפּעס ווי דעם. אונדזער וועב בלאַט איז ניט אויך מאָדנע, אָבער טאָן ניט זאָרג. מיר וועט טענענבוים עס אַרויף באַלד. 

אַזוי די אויבן HTML, מיר וועט געבן איר אַ זייער יקערדיק מוסטער פֿאַר אַ וועב בלאַט, גאָרנישט פאַנטאַזיע, נאָר די נאַקעט ביינער. אבער אויב איך בין שאפן אַ וועב בלאַט, וואָס אויב איך ווילן צו לייגן אַ בילד פון, זאָגן, זיך? נו, איך קענען טאָן אַז. עס זענען אַ פּאָר פון וועגן צו לייג בילדער צו דיין פּלאַץ. אויב די בילד איז אין דער זעלביקער טעקע ווי דיין HTML טעקע, איר קענען לינק צו די בילד דורך דרך ווי דעם. 

איר עפענען אַרויף מיט אַ בילד קוויטל נאכגעגאנגען דורך אין אַלט אַטריביוט אין די מקור פון די בילד. די אַלט אַטריביוט ס ווערט איז נאָר עטלעכע אנדער ברירה טעקסט אין פאַל אַ באַניצער קענען ניט זען די בילד. אַלטערנאַטיוועלי, איר קענען אויך לינק צו בילדער דורך אַ פול URL, ווי דעם. איצט, אַז וועבזייַטל טוט ניט טאַקע עקסיסטירן, אָבער אויב עס זענען געווען אַ בילד פון מיר בייַ אַז אַדרעס, איך קען נוצן די מקור URL צו אַרייַננעמען זייַן בילד אויף מיין וועבזייַטל. אָדער וועג, איר סוף אַרויף מיט אַ פיל פּריטיער וועבזייַטל, עפּעס ווי דעם. 

גוט, אַז ס שיין קיל, אָבער איך מין פון ווילן עטלעכע טעקסט דאָ ווי געזונט. אַזוי לאָזן ס נאָר לייגן עפּעס יבער פּשוט אויבן די בילד, ווי די קאָפּצעטל. אַלע איך 'ווע געטאן אַזוי ווייַט איז נוצן די קאָפּצעטל קוויטל, ה 1, און אַ שורה ברעכן קוויטל, בר. די קאָפּצעטל קוויטל מאכט די שריפֿט אַ ביסל ביסל ביגער און מער באַוווסט. די שורה ברעכן קוויטל, אויף די אנדערע האַנט, איז מין פון קילן. ניט ענלעך רובֿ אנדערע טאַגס, איר טאָן ניט האָבן אַ עפן און קלאָוזינג ברעכן קוויטל, נאָר דער איינער געוויזן אויבן. דעם איז ווייַל ברעכן האט קיין צופרידן און איז דעריבער, אַ ליידיק עלעמענט. 

ליידיק עלעמענטן ווי דעם, איר קענען עפענען און נאָענט סיימאַלטייניאַסלי פשוט דורך אַרייַנגערעכנט אַ פאָרויס צעהאַקן אין די סוף פון די ערשט דעקלאַראַציע. אַזוי איצט מיין וועבזייַטל קוקט אַ ביסל עפּעס ווי דעם. בעסער, אָבער עס מין פון פילז ווי אַ טויט סוף. עס ס ינ ערגעצ ניט אַנדערש צו גיין באַזונדער פון דעם הויפּט בלאַט. נו, לאָזן ס פאַרריכטן אַז דורך אַרייַנגערעכנט אַ לינק. 

וואָס איך בין געגאנגען צו טאָן דאָ איז נוצן אַ אַטריביוט דינאָוטאַד דורך אַ און מאַכן די בילד אַ לינק צו, לאָזן ס זאָגן, קס50 טעלעוויזיע. אַז וועג, ווען אַבי ווער קליקס אויף מיר, זייער בלעטערער וועט זיין דירעקטעד צו אן אנדער, מיסטאָמע מער נוציק, וועב בלאַט. איך 'ווע האט צו מינאַמייז די נומער פון די טעקסט אַ ביסל ווייַל אונדזער וועב בלאַט איז געטינג מער אַוואַנסירטע. אָבער אַלעווייַ, עס ס נאָך קלאָר. מיין וועבזייַטל קוקט פּונקט דער זעלביקער בלויז איצט, ווען איך דריקט אויף די בילד, מיין בלעטערער וועט עפענען אַרויף אנדערן קוויטל פֿאַר די CS50.tv וועב בלאַט. 

לאַסטלי, לאָזן ס זאָגן איך בין געגאנגען צו נוסח דעם וועבזייַטל שפּעטער ניצן קסס. קסס איז וואָס איז באקאנט ווי אַ קאַסקאַדינג נוסח בויגן. און עס בייסיקלי גיט אַ עפעקטיוו וועג צו רעדאַגירן און סטיל ענלעך בלאַקס פון קאָד. איך ווילן צו אָנהייב אָרגאַנייזינג מיין HTML צו מאַכן עס גרינגער צו סטיל שפּעטער אויף. דאָ, איך שטעלן זיך צוויי פאַרשידענע מינים פון ידענטיפיערס צו העלפן אָרגאַניזירן מיין קאָד. איך 'ווע געניצט די שייַן אַטריביוט ין אַ אָפּטייל, אָדער דיוו צעטל, און איך 'ווע געניצט אַ קלאַס אַטריביוט ין אן אנדער דיוו צעטל. 

שייַן און קלאַס אַטראַביוץ אַרבעט סימאַלערלי. דער בלויז חילוק איז איר קענען נאָר האָבן איינער עלעמענט, די ספּעציפיש שייַן, אָבער קיין נומער פון עלעמענטן קענען טיילן אַ קלאַס. אַזוי פֿאַר בייַשפּיל, איך קענען נוצן די סאָרט בילד קייפל מאל, אָבער איך קענען ניט שאַפֿן אנדערן אָפּטייל מיט די שייַן שפּיץ. כאָטש איך האָבן ניט פאַרבייַ אין קסס, אן אנדער שפּראַך קאַמאַנלי געוויינט אַלאָנגסייד HTML, אַמאָל איך אָנהייבן סטילינג מיין קאָד מיט קסס, איך קענען נוצן די אָרגאַנאַזיישאַנאַל אַטראַביוץ צו השפּעה מיין וועב בלאַט ס עסטעטיק. 

אלץ ין דער אָפּטייל שפּיץ וועט האָבן ענלעך סטילינגס אָדער קיין אנדערע גרופּע פון ​​HTML איך גרופּע אין די סאָרט בילד וועט טיילן אַ ענלעך קוק. דעם איז פיל גרינגער ווי טריינג צו רעדאַגירן און סטיל בילדער אָדער בלאַקס פון טעקסט ינדיווידזשואַלי. 

אַזוי מיר זענען איבער די באַסיקס פון ווי צו מאַכן אַ וועב בלאַט מיט HTML. HTML האט אַ בינטל פון אנדערע פֿעיִקייטן אויך אַז ווען פּערד מיט אנדערע שפּראַכן ווי קסס און דזשאַוואַסקריפּט, קענען טאַקע מאַכן בלעטער שטיין אויס. דער בעסטער וועג צו באַקומען באַקוועם מיט HTML איז נאָר צו באַלאַגאַן אַרום מיט עס, זען וואָס אַרבעט, און וואָס טוט ניט. 

מיין נאָמען איז דאַווען פאַרנהאַם. דעם איז קס50. 

אַזוי פֿאַר בייַשפּיל, איך קענען נוצן די סאָרט בילד - ניט, עס זענען אַזוי פילע אַטראַביוץ. מיין נאָמען איז דאַווען פאַרנהאַם. דעם איז קס 650. איך ווילן צו זאָגן קסס. דעם איז קסס.