>> דאַג לויד: אזוי מיר איבערגעלעבט אַבאָוט-- אויב מיין מאַט איז רעכט,
און איך טראַכטן איר זוכט באַקק-- איך טראַכטן מיר איבערגעלעבט וועגן 35 ווידיאס גערעדט
וועגן פאַרשידן אַספּעקץ פון C, אפֿשר אַ ביסל מער, אפֿשר אַ ביסל ווייניקער.
און מיר האבן נישט דעקן אַלץ אין C, אָבער מיר
באדעקט אַ גרויס פּייַדע פון ​​די שפּראַך, די וואַסט מערהייַט פון עס,
אַוואַדע פֿאַר פּראָסט ניצט.
איצט מיר ניטאָ געגאנגען צו רעדן וועגן אן אנדער שפּראַך, HTML.
און מיר רע געגאנגען צו דעקן עס אין בלויז איין ווידעא.
>> אבער אַז ס 'געגאנגען צו זיין גוט.
אַז ס 'געגאנגען צו אַקטשאַוואַלי ווערן עפּעס איר ניטאָ געגאנגען צו באַקומען געניצט צו.
איצט אַז איר האָבן די פונדאַמענטאַלס ​​פון איין שפּראַך,
עס ס אַקטשאַוואַלי שיין גרינג צו אָנהייבן לערנען אנדערע.
אזוי מיר ניטאָ געגאנגען צו אָנהייבן צו טרעטן אַ ביסל צוריק
און גלאָס איבער די גרונט חילוק צווישן די שפּראַכן
און סאָרט פון לאָזן איר צו עס.
עס ס אַ פּלאַץ פון טאַקע גרויס רעסורסן אויף די אינטערנעט, וואָס
מיר רע געגאנגען צו אָנהייבן דיירעקטינג איר צו ווייַל די אינטערנעט איז
אַ וואַסט ריפּאַזאַטאָרי פון אינפֿאָרמאַציע.
און אַזוי עס ס ניט ווי איר וועט זייַן לוזינג אויס דאַווקע
דורך ניט געהאט די אינפֿאָרמאַציע באדעקט אין אַ ווידעא.
איר וועט נאָך קענען צו באַקומען אַלץ איר דאַרפֿן און נוצן
די וויסן איר ווע שוין געבויט אַרויף דורך שכל C
צו מאַכן דעם וויסן ויסבייג פֿאַר די אנדערע שפּראַכן אַקטשאַוואַלי אַ פּלאַץ כאַנפענען.
איך צוזאָג.
>> אבער לאָזן ס רעדן וועגן איין שפּראַך אַז ס טאַקע פונדאַמענטאַל פֿאַר יעדער וועב
בלאַט, וואָס איז HTML.
HTML איז די היפּער טעקסט מאַרקאַפּ שפּראַך.
HTML איז אַ שפּראַך אָבער עס איז נישט אַ פּראָגראַממינג שפּראַך.
>> HTML טוט ניט האָבן וועריאַבאַלז.
עס טוט נישט האָבן לאָגיק אָדער פֿעיִקייטן אָדער עפּעס ווי אַז.
מיר קענען ניט טאָן קיין פּראָגראַממינג פּער סיי אין HTML.
מאל איר וועט הערן מענטשן באַשרייַבן זיך
ווי HTML פּראָוגראַמערז, וואָס איז ניט אין גאנצן פּינטלעך.
מיר קענען ניט שרייַבן די HTML מגילה.
>> HTML איז נאָר געניצט צו צייכן אַרויף טעקסט.
עס ס גערופֿן אַ מאַרקאַפּ שפּראַך.
און וואָס דעם דאָעס-- דעם מאַרקופּ-- מיר נוצן די טאַגס אין HTML און די טאַגס--
דעם מאַרקופּ-- סעמאַנטיקאַללי דעפינעס די ביניען פון אַ בלאַט
און ז דער קלאָר טעקסט אַז יגזיסץ צווישן טאַגס צו זיין ינטערפּראַטאַד
דורך בראַוזערז אין פאַרשידענע וועגן.
און טאָמער עס ס בעסטער צו דערקלערן דעם דורך וועג פון אַ געמעל.
>> דאָ ס אַ זייער פּשוט HTML בלאַט, ניט אַ HTML פּראָגראַם, ווידער, אַ HTML בלאַט.
און מיר וויסן עס ס אַ HTML בלאַט ווייַל מיר ווע
באַונדאַד אַלץ מיט HTML טאַגס.
אזוי דעם איז וואָס אַ HTML קוויטל קוקט ווי.
עס ס צווישן ווינקל בראַקאַץ.
און באַמערקן בייַ די שפּיץ מיר האָבן HTML און אין דער זייער דנאָ,
נאָך מיר ווע געטאן וואָס איז משמעות אַ פּלאַץ פון אנדערע HTML,
מיר האָבן ווינקל קאַנטיקער צעהאַקן HTML.
אַזוי אַז סאָרט פון איז די גרענעץ צווישן וואָס איז HTML און וואָס איז ניט.
און פון קורס, קאַנווענשאַנאַלי, נאָר ווי איר געשריבן אַלע פון ​​דיין C מגילה
מיט פּונקט C יקסטענשאַנז, אַלע פון ​​דיין HTML טעקעס
וועט סוף מיט פּונקט HTML יקסטענשאַנז.
אבער דאָרט ס מער געגאנגען אויף דאָ.
מיר טאָן ניט נאָר האָבן די HTML טאַגס.
מיר משמעות האָבן דעם זאַך גערופֿן אַ קאָפּ קוויטל.
נו, גוט, וואָס ס אַז?
>> נו אפֿשר עס ס בעסטער צו ויסטיילן דורך וועג פון אַ גוף,
גוף ווייל די צופרידן פון דעם וועב בלאַט.
אַזוי אפֿשר די קאָפּ קוויטל דעפינעס שטאָפּן אַז איז ניט אין דעם בלעטערער פֿענצטער געהעריק,
אָבער איז יז וויכטיק צו אונדזער וועב בלאַט ווייל רענדערד ריכטיק.
לעמאָשל, ין פון די קאָפּ פאַרבינדן מיר האָבן טיטל טאַגס.
>> אַזוי טיטל ווייל העלא וועלט, אַז ס אַקשלי געגאנגען צו זיין וואָס
ווייזט אַרויף אין די קוויטל אין קראָום אָדער אין Safari אָדער פירעפאָקס--
וועלכער בלעטערער איר פּרעפער-- אַז ס וואָס ס גיי צו ווייַזן אַרויף אין דעם טיטל.
און איידער טאַבס עס וואָלט ווייַזן אַרויף אין דיין גאַנץ בלעטערער פֿענצטער
און איר קענען נאָר האָבן איין בלאַט עפענען אין אַ בלעטערער פֿענצטער אין אַ צייַט.
אַזוי אַז ס 'געגאנגען צו זייַן די טיטל פון מיין בלאַט אַרויף אין די קוויטל
אָדער דעם בלעטערער פֿענצטער באַר, העלא וועלט.
און דעריבער דער צופרידן פון מיין וועב בלאַט וועט זיין וועלט, העלא.
אַזוי לאָזן ס נעמען אַ קוק אין וואָס עטלעכע זאַך ווי דעם זאל קוקן ווי.
דעם איז אַ שיין פּשוט HTML בלאַט.
אזוי איך בין דאָ אין מיין קס50 ייד און איך ווע זומד אין אַ קליין ביסל.
און איך בין נאָר געגאנגען צו עפענען זיך העלא פּונקט HTML
און ווייַזן איר אַז דאָס איז שיין פיל דעם בלאַט צופרידן אַז מיר געזען פריער.
מיין פּשוט HTML, קאָפּ טאַגס, טיטל טאַגס, גוף, און אַזוי אויף.
איך ווע ינדענטעד צו זיין ריין.
>> און דעמאָלט וואָס איך קענען טאָן אין מיין ייד איז נאָר פאָרויסיקע ווייַזונג דעם בלאַט.
און עס מיר גיין.
דער אינהאלט פון מיין בלאַט איז וועלט, העלא, און איך טאָן ניט זען עפּעס
אין פון די קאָפּ טאַגס דאָרט.
עס ס נאָר די צופרידן פון דעם גוף.
וועלט, העלא.
און ווידער די גוף פּונקט געזאגט, וועלט, העלא.
די אנדערע טייל איז פעלנדיק.
>> אַזוי אַז ס טאַקע אַלע עס איז.
דאס איז אַ זייער פּשוט יקערדיק HTML בלאַט.
איצט איך ווע ינדענטעד מיין HTML צו זיין טאַקע פייַן און אָרגאַניזירט,
אָבער איך טאָן ניט אַקטשאַוואַלי האָבן צו.
איך קען מאַכן עס קוקן שיין מיעס.
און דעם וואָלט נאָך ווערק.
דעם וואָלט זיין די פּינטלעך זעלביקער וועב בלאַט.
איך'ווע פּונקט גאַטאַן באַפרייַען פון אַלע פון ​​די ווייַס אָרט.
>> ווי עס טורנס אויס, ווייַס פּלאַץ איז דאַטן.
און אַזוי ווען מיר ניטאָ שיקן דאַטן פון אָפּשיקער צו ופנעמער, פון סערווירער
צו קליענט, דאַטע קאָס געלט.
און אַזוי געטינג באַפרייַען פון ווהיטעספּאַסע איז אַקשלי אַ גוט געדאַנק
אויב איר ניטאָ עמעצער וואס באדינט אַרויף אַ פּלאַץ פון וועב צופרידן.
עס ס אַ שלעכט געדאַנק אויב איר ניטאָ עמעצער וואס ס וויסן דעם שטאָפּן
און איר ווילן צו האָבן עס נייסלי אָרגאַניזירט.
דאס איז אַ פּלאַץ גרינגער צו פּאַרס ווי דעם.
אבער עס ס פונקטיאָנאַללי יידעניקאַל.
>> די ינדענטיישאַן און שטאָפּן ווי אַז טוט ניט אַקשלי ענין אין HTML.
אַלע אַז ענינים איז עפן טאַגס און קלאָוזינג טאַגס אין די ריכטיק סדר.
נאָטיץ וואָס געשען דאָ, כאָטש.
די מאַרקאַפּ גיט אונדז אַ וועג צו יבערגעבן עקסטרע אינפֿאָרמאַציע
וועגן וואָס מיר ווע געשריבן.
די העלא, וועלט טייל איז געווען ינטערפּראַטאַד ווי די טיטל.
און די וועלט, העלא טייל איז געווען ינטערפּראַטאַד ווי די צופרידן
אָדער וואָס זאָל זיין קענטיק אויף מיין וועב בלאַט.
>> עס זענען איבער 100 פון די פאַרשידענע טאַגס און גורל פון גרויס רעסורסן
אָנליין צו געפֿינען זיי.
מיר רע געגאנגען צו רעדן וועגן אַ ביסל פון זיי אין דעם ווידעא, עטלעכע
פון די טאַקע פונדאַמענטאַל שטאָפּן.
אבער מיר ניטאָ ניט געגאנגען רעדן וועגן עס אַלע ווייַל עס
וואָלט זיין יגזאָסטיוו צו טאָן אַזוי.
>> אן אנדער זאַך איר קענען טאָן, כאָטש, איז אָפֿן זיך דעוועלאָפּער מכשירים.
און אויב איר צוריקרופן פון אונדזער ווידעא אויף הטטפּ,
איך דערקלערט ווי צו עפענען אַרויף דעוועלאָפּער מכשירים.
אין קראָום עס ס יוזשאַוואַלי די פ12 שליסל צו עפענען אַרויף די דעוועלאָפּער מכשיר.
דעמאָלט אָנשטאָט טשוזינג די נעטוואָרק קוויטל, איר קענען קלייַבן די יסודות קוויטל.
און אויב איר מאַסע אַ וועב חשבון, איר וועט אַקטשאַוואַלי
זען דעם HTML אַז קריייץ אַז וועב בלאַט.
און אַזוי איר קענען לערנען אַ פּלאַץ וועגן די HTML דורך קוקן אין דיין באַליבט וועבסיטעס
און געזען ווי זיי בויען די פאַרשידן ברעקלעך פון זיי אַז איר ווי.
אַזוי אפֿשר עס ס דעם קילן מוסטער אָדער עפּעס ווי אַז.
ווי טאָן זיי מאַכן עס מיט HTML?
נו איר קענען נאָר עפענען אַרויף דיין דעוועלאָפּער מכשירים און האָווער איבער אַז עלעמענט
און זען פּונקט וואָס HTML מאכט עס.
אַזוי אַז ס אַ טאַקע גוט וועג צו לערנען HTML,
און איך שטארק רעקאָמענדירן אַז איר טאָן עס ביידע צו לערנען HTML
און אויך צו לערנען אַ קליין ביסל וועגן עטלעכע פון ​​די אָפּציעס
פאַראַנען צו איר אין דעוועלאָפּער מכשירים, וואָס
וועט זיכער קומען אין האַנטיק ווי איר אָנהייבן טאן מער אינטענסיווע וועב
פּראָגראַממינג.
>> אַזוי לאָזן ס נעמען אַ קוק אין אַ פּאָר פון פּראָסט HTML טאַגס.
און מיר וועט שפּרינגען און נעמען אַ קוק אין וואָס די טאַגס וועט אויך ופפירן
ווי דורך קוקן אין עטלעכע טעקעס אין מיין ייד.
אזוי דאָ זענען דרייַ זייער יקערדיק טאַגס פֿאַר טוויקינג די וויזשאַוואַל אויסזען פון טעקסט.
עס ס ב טאַגס, איך טאַגס, און ו טאַגס.
און ריספּעקטיוולי וואָס זיי טאָן איז ופפירן די טעקסט צווישן זיי אין דרייסט,
ייטאַליקס, און אַנדערליינינג.
אַזוי לאָזן ס זען וואָס וואָס וואָלט קוקן ווי אויף אַ פאַקטיש וועב בלאַט אין מיין ייד.
>> אַזוי דאָ אין מיין ייד איך האָבן אַ טעקע גערופֿן ביו פּונקט HTML.
ביו פּונקט HTML נאָר ווייל דרייסט, ייטאַליקס, אַנדערליינינג.
איך וועט עפענען עס אַרויף.
>> און מיר וועט זען וואָס דאָ איך האָבן דעם טעקסט איז ב טאַגס דרייסט.
דעם טעקסט איז איך טאַגס ייטאַליק.
און דעם טעקסט איז ו טאַגס אונטערגעשטראָכן.
וואָס איז דאָס געגאנגען צו קוקן ווי?
נו ווידער, אַלע איך האָבן צו טאָן איז גיין איבער דאָ
צו מיין בלעטערער, ​​מיין טעקע בלעטערער, ​​גיט פּריוויו, און דעם איז וואָס קומט אַרויף.
>> דער טעקסט אין צווישן די ב טאַגס איז טאַקע איצט דרייסט.
דער טעקסט אין צווישן די איך טאַגס איז טאַקע איצט ייטאַליק.
און די טעקסט אין צווישן די ו טאַגס איז טאַקע איצט אונטערגעשטראָכן.
אַזוי אַז ס שיין גוט.
מיר איצט וויסן ווי צו מאַכן טעקסט קוקן אַ ביסל מער פאַנטאַזיע
אָדער ציען טראָפּ צו זיכער זאכן.
אן אנדער פּאָר פון פּראָסט טאַגס דאָ זענען פּאַראַגראַף טאַגס, פּ, און כעדער טאַגס,
וואָס איך ווע רענדערד דאָ ווי הקס.
>> די פּ טאַגס, די פּאַראַגראַף טאַגס, ברעכן דיין טעקסט אַרויף אין פּאַראַגראַפס.
עס ס נישט גענוג צו נאָר שלאָגן קומען און לאָזן ספּייסיז,
ווייַל אַ קאָמפּיוטער איז נאָר געגאנגען צו טאָן וואָס איר זאָגן עס צו טאָן
און עס יגנאָרז ווייַס אָרט פֿאַר די רובֿ טייל.
אַזוי מיר קענען נישט נאָר שלאָגן קום און דערוואַרטן אונדזער קאָמפּיוטער
צו טייַטשן אַז מיר ווילן צו אָנהייבן אַ נייַ פּאַראַגראַף.
מיר האָבן צו זייער בפֿירוש זאָגן דעם איז איינער פּאַראַגראַפ-- דעם איז אַנאָטהער--
דורך ענקלאָוזינג יעדער אין אַ סכום פון פּ טאַגס.
>> און מיר אויך האָבן די אָפּציעס פֿאַר ה טאַגס, די כעדער טאַגס.
מיר האָבן זעקס אַנדערש לעוועלס פון כעדערז, איין, צוויי, דרייַ,
פיר, פינף, און זעקס, וואָס זענען פּראַגרעסיוולי גרעסערע און גרעסערע
כעדערז.
און זיי באַקומען קלענערער און קלענערער און קלענערער און קלענערער.
אַזוי מיר האָבן אַ שפּיץ מדרגה כעדער, אַ רגע מדרגה כעדער, און אַזוי אויף, און אַזוי אויף.
>> זאל ס נעמען אַ קוק אין אפֿשר עטלעכע פּ טאַגס און עטלעכע כעדער טאַגס
אין קאַמף אויף אַ וועב בלאַט.
אַזוי דאָ אין מיין ייד איך האָבן אַ טעקע געהייסן ף פּונקט HTML, ף ווייל פּאַראַגראַפס
און כעדער טאַגס.
עפֿן אַז אַרויף.
עס ס אַ פּלאַץ געגאנגען אויף דאָ ווייַל איך ווע שטעלן עטלעכע ניקקנאַמע
היים, עטלעכע נאָר ראַנדאָם טעקסט אין דאָ.
אַזוי איך וועט Zoom אויס אַ קליין ביסל ווייַל עס ס אַזוי פיל געגאנגען אויף.
אבער באַמערקן אַז איך האָבן אין די זייער שפּיץ דאָ איך האָבן אַ ה 1, אַ מדרגה איינער,
כעדער צעטל.
דעמאָלט איך האָבן אַ פּאַראַגראַף, וואָס איז נאָר אַ בינטל פון ראַנדאָם טעקסט-- בילדער יפּסומ--
נאָר Default נאָרמאַל פילונג אין טעקסט.
אזוי איך האָבן צוויי פּאַראַגראַפס ין פון אַז מדרגה איין כעדער און דעמאָלט אַראָפּ אונטן איך
האָבן אַ מדרגה צוויי כעדער דאָ אויף שורה 24, אַ רגע מדרגה כעדער, און אן אנדער צוויי
פּאַראַגראַפס.
נו וואָס טוט דעם קוקן ווי אויב איך קוק עס אין מיין פאָרויסיקע ווייַזונג?
זאל ס זען.
>> אַזוי באַמערקן אַז די ערשטער שטאַפּל כעדער דאָ
איז אַקטשאַוואַלי גאַנץ אַ ביסל ביגער ווי די רגע מדרגה כעדער.
אזוי מיר געניצט ה 1 טאַגס.
און באַמערקן אַז די פּ טאַגס לאָזן אונדז צו ברעכן דאס אויס אין פּאַראַגראַפס.
אויב מיר האט גאַטאַן באַפרייַען פון די פּ טאַגס און אַקשלי נאָר שטעלן ענטערס אָדער קערט
אין צווישן וואָס מיר כאָופּט וואָלט זיין די פאַרשידענע פּאַראַגראַפס,
זיי וואָלט אַלע נאָר סלאַם צוזאַמען און עס וואָלט ניט האָבן דעם פייַן פּאַראַגראַף
צעשיידונג מיט פּלאַץ אויבן און אונטן.
און אַזוי אַז ס וואָס פּאַראַגראַף טאַגס און כעדער טאַגס
זענען קאַמאַנלי געניצט צו טאָן צו ציען אכטונג צו פּאָרשאַנז פון אונדזער וועב בלאַט
אין אַז וועג.
>> ווייַטער אַרויף זענען עטלעכע טאַגס אַז מיר נוצן צו בויען רשימות אויף אונדזער וועב בלאַט.
אַזוי מיר האָבן ונאָרדערעד ליסצ-- ולס-- וואָס זענען נאָר
בוללעטעד רשימות, אָרדערד רשימה וואָס זענען נומבערעד--
אָלס-- און ין פון יעדער איינער פון יענע מיר דאַרפֿן צו האָבן
שטעלט פון ווי צו אָנווייַזן רשימה זאכן, לי.
און אַזוי מיר האָבן עפענען אַל קוויטל און מיר שטעלן זאכן ין פון עס.
און דעריבער ווען מיר ניטאָ געטאן מיט אַז, מיר קענען פאַרמאַכן די אַל קוויטל.
>> און סימאַלערלי מיר קענען האָבן אַ סדר אָדער געציילט רשימה
און שטעלן רשימה זאכן ין פון אַז.
אַזוי לאָזן ס נעמען אַ קוק אין אַ פּאָר פון רשימות
און וואָס זיי וואָלט ופפירן ווי אויף קס50 ייד.
אזוי איך האָבן דאָ אין מיין ייד אַ טעקע גערופֿן רשימות פּונקט HTML.
זאל ס נעמען אַ קוק.
>> און באַמערקן דאָ איך האָבן אַ ונאָרדערעד רשימה מיט פינף זאכן אין עס.
און דעמאָלט איך האָבן אַ סדר רשימה, און איך ווע געביטן דעם קוויטל אַ קליין ביסל,
רעכט?
איך ווע האט אָנהייבן יקוואַלז זעקס.
עס טורנס אויס מיט אַ סדר רשימה איך קענען שטעלן די סטאַרטינג פונט וואוהין
איך וואַנט-- דורך ניט ויסצאָלן עס וועט זיין אָנע-- דורך פּונקט אַדינג דעם אַזוי גערופֿן אַטריביוט
צו מיין אָל קוויטל.
און אַזוי דעם רשימה וועט אָנהייבן קאַונטינג אין זעקס.
אזוי די יסודות פון וואָס געציילט רשימה זאָל זיין זעקס, זיבן, אַכט, נייַן, צען,
ווייַל עס זענען פינף עלעמענטן אין דער רשימה, ווי קעגן צו איינער,
צוויי, דרייַ, פיר, פינף, וואָס וואָלט זיין די פאַל אויב איך האט געזאגט אָל
אָן ספּעסיפיינג די אָנהייב אַטריביוט.
>> אַזוי מיר וועט נאָר פאָרויסיקע ווייַזונג דעם אַזוי איר קענען באַקומען אַ געפיל פֿאַר וואָס ס געגאנגען אויף דאָ.
און עס מיר גיין.
עס ס מיין רשימה.
דער ערשטער פינף עלעמענטן זענען ונאָרדערעד אָדער בוללעטעד רשימות.
און די ווייַטער פינף עלעמענטן זענען אַ באַזונדער אָרדערד רשימה
סטאַרטינג פון זעקס.
אַזוי אַז ס ווי מיר קענען בויען רשימות ניצן HTML.
אן אנדער זאַך איר זאל ווילן צו טאָן מיט HTML
איז בויען אַ טיש פון אינפֿאָרמאַציע פון ​​ראָוז און קאָלומנס
צו פאָרשטעלן אינפֿאָרמאַציע אין אַ הויפּט אָרגאַניזירט וועג.
צו טאָן דאָס מיט HTML מיר קענען האָבן אַ טיש דעפֿיניציע אָנהייב עפענען קאַנטיקער
טיש.
און דעמאָלט ין פון וואָס טיש מיר זאל האָבן אַ סכום פון ראָוז, טר טאַגס
צו אָנווייַזן יעדער רודערן.
און דעמאָלט טד טאַגס גיין ין פון טר טאַגס צו ספּעציפיצירן אַ זייַל ין אַ רודערן.
>> וואָס איז עס גערופֿן טד און ניט טק?
נו, טד שטייט פֿאַר טיש דאַטע.
וסואַללי איר ניטאָ פּאַטינג דיין אינפֿאָרמאַציע עס.
אַזוי אַז ס וואָס עס ס טד און ניט טק.
עס ס אַ קליין ביסל קאָנפוסינג.
>> אזוי איר האָבן טיש טאַגס און ין פון דיין טיש טאַגס
איר האָבן אַ נומער פון ראָוז, טרס.
און ין יעדער רודערן איר האָבן טדס פֿאַר די נומער פון קאָלומנס
וואָס איר ווילן צו האָבן אין אַז באַזונדער רודערן.
זאל ס נעמען אַ קוק אין אַ זייער פּשוט טיש איבער אין קס50 ייד.
>> אזוי איך האָבן דאָ אַ טעקע גערופֿן טיש פּונקט HTML.
זאל ס האָבן אַ קוק אין וואָס אַז קוקט ווי.
עס ס אַ פּלאַץ געגאנגען אויף דאָ אָבער אויב איר באַמערקן איך האָבן אַ טיש עפענען.
איך בין סטאַרטינג די דעפֿיניציע מיט טיש.
און דעמאָלט אין מיין ערשטער רודערן איך משמעות האָבן פיר קאָלומנס, איין, צוויי, דרייַ,
פיר.
און דעמאָלט איך בין געטאן מיט וואָס רודערן.
>> דעמאָלט איך אָנהייבן אנדערן רודערן און טאָן צוויי, פיר, זעקס, אַכט.
ענדיקן אַז רודערן.
דו זאלסט אנדערן רודערן, דרייַ, זעקס, נייַן, 12.
און דעמאָלט אַ לעצטע רודערן, פיר, אַכט, 12, און כאָטש עס ס
אַ ביסל פֿאַרשניטן דאָ, 16.
>> איך פאַרטיק אַז רודערן.
איך פאַרטיק די טיש.
און דעמאָלט איך בין געטאן מיט מיין HTML.
וואָס טוט דעם קוקן ווי?
נו, עס ס ניט טאַקע פיל צו זען.
איך'ווע קלאר אָרגאַניזירט מיין אינפֿאָרמאַציע אין אַ עפּעס מער אָרגאַניזירט וועג.
אבער עס ס ניט סופּער שיין דאָ.
און מיר רע געגאנגען צו האַנדלען מיט אַז ווען מיר רעדן וועגן קסס.
מיר וועט ריוויזיט דעם געדאַנק פון וואָס מיר טאָן צו מאַכן אַ טאַבלע--
אפֿשר פֿאָרמאַט עס אַ קליין ביסל בעסער?
אבער איך טאָן נאָך האָבן פיר ראָוז, יעדער פון וואָס האט פיר קאָלומנס,
און טאַקע וואָס דעם אַמאַונץ צו איז אַ זייער פּשוט פיר דורך פיר קייפל
טיש.
>> נאָר אַ ביסל מער טאַגס מיר וועט רעדן וועגן.
זאל ס רעדן וועגן די באַגריף פון אַ HTML פאָרעם.
אַזוי איר זאל האָבן געזען דעם אין די קאָנטעקסט פון לאָגינג אין אַ וועב בלאַט.
וסואַללי איר דרוקן אין דיין באַניצער נאָמען.
איר דרוקן אין אייער פּאַראָל, און איר ניטאָ גוט צו גיין.
וואס זאל זיין די התחלה פון אַ פאָרעם.
>> סקיפּפּינג איבער דיוו אַ רגע.
מיר אויך האָבן ינפּוץ וואָס מין פון פּאַסיק ין פון Forms.
דאס זענען די עלעמענטן וואָס איר ניטאָ אַקטשאַוואַלי טייפּינג אין,
אָדער די ראַדיאָ קנעפּלעך איר ניטאָ טיקטאַק, אָדער די טשעק
באָקסעס אַז איר ניטאָ טיקטאַק אַוועק.
אַזוי די גיין ין פון Forms.
און זיי קאַמפּרייז בייסיקלי יעדער רודערן פון די פאָרעם
אויב אייער פאָרעם איז פֿאָרמאַטירט געזונט.
דעמאָלט דאָרט ס דעם באַגריף פון אַ דיוו, וואָס טוט ניט טאַקע
פּאַסיק אין קיין באַזונדער קאַטעגאָריע פון טאַגס ווי די אָנעס איך ווע
שוין טאן ביז אַהער.
עס נאָר סאָרט פון דעמאַרקאַטעס די אָנהייב פון עטלעכע אַרביטראַריש דיוויסיאָנ--
דיוו-- פון דעם בלאַט.
עס ס קיין וויזשאַוואַל ברעכן.
עס ס קיין ליניע.
עס ס ניט שטעלן אַוועק ווי אַ באַזונדער פּייַדע אויטאָמאַטיש.
איר'ד האָבן צו נוסח עס אַז וועג צו טאָן אַז.
>> עס נאָר סאָרט פון זאגט איך ווילן אַ שטיק פון פּלאַץ אויף מיין וועב בלאַט,
און איך בין נאָר געגאנגען צו רופן עס דעם אָפּטייל פון מיין בלאַט.
מיר קענען שטעלן שטאָפּן ין פון דיווס, און אין פאַקט,
ווען מיר קאָפּ איבער צו ייד אין אַ רגע, מיר וועט
זען אַז איך בין פּאַטינג מיין פאָרעם ין פון אַ דיוו.
>> אזוי איך האָבן דאָ אין מיין ייד אַ טעקע גערופֿן דיוו פאָרעם פּונקט HTML.
זאל ס עפענען עס אַרויף.
נאָטיץ אַז ווי איך געזאגט, דיוו איז מין פון אַרביטראַריש.
רעכט?
עס טוט ניט טאַקע מיינען עפּעס.
אזוי איך האָבן אַ אַרבאַטרערי ערשטער אָפּטייל פון מיין בלאַט.
און דעריבער אַנשטאָט פון אנדערן דיוו שפּעטער אויף, סטאַרטינג אויף שורה אַכט,
איך האָבן דעם פאָרעם.
און ין פון די פאָרעם איך האָבן אַ נומער פון ינפּוץ, fields פון די פאָרעם.
אַזוי איך האָבן אַ פעלד וועמענס נאָמען איז אַ-- וואָס טוט ניט טאַקע מיינען עפּעס
רעכט נאָוו-- אַז משמעות נעמט טעקסט, אן אנדער איינער אַז
נעמט אַ פּאַראָל, אנדערן אַז ס אַ ראַדיאָ קנעפּל, אנדערן אַז ס אַ טשעק קעסטל,
און אנדערן אַז ס אַ Submit קנעפּל.
נו, וואָס טוט דעם אַלע אַקטשאַוואַלי קוקן ווי?
נו, לאָזן ס נעמען אַ קוק.
מיר וועט עפענען עס אַרויף אין אונדזער פאָרויסיקע ווייַזונג פֿענצטער.
נאָטיץ אַז דעם אַרבאַטרערי ערשטער דיוויסיאָנ-- עס ס
קיין וויזשאַוואַל צעשיידונג דאָ.
עס האט ניט טאַקע טאָן עפּעס, רעכט?
>> און דעמאָלט איך האָבן מיין פאָרעם.
און איך האט ניט טאָן קיין ספּעציעל formatting.
אזוי די פאָרעם איז נאָר איינער גרויס רודערן פון אינפֿאָרמאַציע.
אויב איך האט פֿאָרמאַטירט מיין פאָרעם אנדערש, איך זאל האָבן עס שורה דורך שורה דורך שורה.
אבער איך האט ניט טאָן קיין סטילינג.
ווידער, מיר ניטאָ ניט גערעדט וועגן קסס דאָ.
מיר ניטאָ פּונקט גערעדט וועגן HTML.
>> געזונט אין מיין טעקסט פאָרעם איך קענען טיפּע-- געדענקען אַז Forms פון דרוקן טעקסט
אַזוי איך קענען שטעלן מיין נאָמען.
און אין מיין פּאַראָל איך קענען דרוקן מיין פּאַראָל.
און ווייַל אַז פעלד איז פון טיפּ פּאַראָל,
איר טאָן ניט וויסן וואָס מיין פּאַראָל איז.
עס ס אַלע דאַץ.
>> איך קענען אויך קלייַבן צו טיקען אַוועק אַ ראַדיאָ קנעפּל אָדער טיקען אַוועק אַ טשעק קעסטל.
אָדער איך קען פאָרלייגן מיין פאָרעם.
און איך האט ניט טאָן עפּעס, אַזוי ווען איך פאָרלייגן מיין פאָרעם,
דעם בלאַט נאָר רעפרעשעס.
אָבער איך קען עפשער configure מיין פאָרלייגן קנעפּל צו טאָן עפּעס אַנדערש.
און מיר וועט זען וואָס מיר קענען טאָן מיט אַז אין אַ צוקונפֿט וידאו אויף PHP.
אבער דעם טוט בויען אַ זייער פּשוט פאָרעם אַז מיר
קענען נוצן צו האָבן ניצערס ינטעראַקט און פאָרלייגן אינפֿאָרמאַציע צו אונדזער וועבזייַטל.
>> איינער לעצט באַמערקן איידער מיר מאַך אויף צו עטלעכע אנדערע טאַגס
זענען צו נעמען אַ קוק אין דעם ינפּוט פאַרבינדן איינער מער צייַט.
נאָטיץ אַז איך ווע כיילייטיד די ענדס פון די קוויטל אין רויט.
יעדער אנדערע פאַרבינדן מיר ווע געזען אַזוי ווייַט האט האט אַ אָנהייב און אַ סוף, אַ עפן
קוויטל און אַ קלאָוזינג קוויטל.
>> אבער אַ ינפּוט קוויטל טוט ניט.
עס ס קיין טעקסט וואָס גייט אין צווישן ינפּוט טאַגס.
אַלע די אינפֿאָרמאַציע מיר ניטאָ ינטענדינג צו קאַנוויי
איז געבונדן אַרויף ווי אַ טייל פֿון דער אַטראַביוץ פון אַז ינפּוט.
נאָטיץ מיר האָבן ינפּוט נאָמען יקוואַלז רענטגענ.
טיפּע יקוואַלז י.
אַז ס 'טאַקע אַלע די אינפֿאָרמאַציע מיר דאַרפֿן.
>> דאס איז גערופֿן אַ אַליינ קלאָוזינג קוויטל.
עס טוט נישט דאַרפן אַ עפן און אַ נאָענט ווייַל אַלע פון ​​די אינפֿאָרמאַציע
איז קאַנטיינד ין דער קוויטל און זייַן אַטראַביוץ.
אַזוי מאל איר וועט זען דעם, אויך.
אַזוי נאָר זיין אַווער אַז אויב איר האָבן אַ פאַרבינדן אַז איז לעגאַמרע זיך-קאַנטיינד,
עס אָפּענס און קלאָוזיז זיך מיט די עפענען ווינקל קאַנטיקער אויף די לינקס
און די צעהאַקן ווינקל קאַנטיקער אויף די רעכט.
מיר וועט זען אן אנדער איינער פון יענע רעכט איצט מיט בילד טאַגס ווי געזונט.
>> איידער מיר רעדן וועגן בילדער, מיר דאַרפֿן צו רעדן וועגן כייפּערלינגקס.
אויב מיר וועלן אונדזער וועב בלאַט צו זיין ינטעראַקטיוו און מאַך אונדז אַרום,
עס וואָלט זיין סימפּאַטיש קענען צו גיט אויף איינער פון די
וואָס האט טיפּיקלי געווען אַ בלוי לינק.
דאס איז טאקע ווי מיר בויען אַ כייפּערלינגק אין אונדזער וועב בלאַט.
און ינטערעסטינגלי גענוג עס ס אנדערן HTML קוויטל
גערופֿן לינק, וואָס איז ניט אַ כייפּערלינגק.
א דאָ שטייט פֿאַר אַנקער, און אַז ס ווי מיר אָנווייַזן אַ כייפּערלינגק.
>> אַ הרעף יקוואַלז רענטגענ מיטל גיין צו וועב בלאַט אַקס און אַלץ
צווישן די עפענען א קוויטל און די שליסן אַ קוויטל
איז וואָס ס 'געגאנגען צו זיין אַז אַנדערליינד בלוי טעקסט וואָס קוקט ווי אַ לינק
אַז מיר ניטאָ באַקאַנט מיט.
ונטער אַז מיר האָבן אַ בילד קוויטל, וואָס איז אַ זיך קלאָוזינג קוויטל פֿאַר Displaying
אַ בילד ליגן אין אַקס און איר זאל קענען צו טוישן
וואָס בילד דורך ספּעסיפיינג ברייט און הייך
און אנדערע אַטראַביוץ אין אַז פּונקט פּונקט פּונקט דאָרט.
>> אין דער זייער דנאָ דאָ מיר האָבן אַ זייער טשיקאַווע
קוקן קוויטל וואָס טוט ניט האָבן אַ קלאָוזינג קוויטל.
עס ס עקסקלאַמיישאַן פונט דאָקטיפּע HTML.
אַזוי HTML האט שוין אַרום זינט דער פרי 1990 ס פֿאַר בנין וועב זייטלעך,
און עס ס ניטאָ אַנדערגאָן עטלעכע רעוויזיעס זינט דעמאָלט.
רובֿ לעצטנס אין 2014 עס אַנדערווענט אַ רעוויזיע
גערופֿן הטמל 5 וואָס איז איצט די איצטיקע סאָרט פון דע פאַקטאָ HTML נאָרמאַל.
>> צו אָנווייַזן אַז אונדזער וועב בלעטער זענען געשריבן ניצן הטמל 5,
דעם איז ווי מיר אָנהייבן אַוועק.
עס קענען זיין איבערגעהיפּערט אָבער וואָס אַז בייסיקלי
מיטל איז איר קענען ניט נוצן קיין פון די טאַגס וואָס זענען הטמל 5 טאַגס, די נייַ טאַגס.
אזוי מיר שטענדיק אָנהייבן אַוועק אויב מיר רע ניצן הטמל 5.
און אַלע די טאַגס מיר'ווע גערעדט וועגן ביז אַהער זענען נישט הטמל 5 טאַגס.
אבער דאָס וואָלט אָנווייַזן אַז הטמל 5 טאַגס וועט זיין פאָרשטעלן.
און אַזוי מיר האָבן עקסקלאַמיישאַן דאָקטיפּע HTML, וואָס
איז אין דער זייער אָנהייב פון אונדזער HTML טעקע, און דעמאָלט נאָך אַז פונט
מיר אַקטשאַוואַלי האָבן אונדזער HTML עפענען קוויטל און גיינ ווייַטער פון דאָרט.
>> די לעצטע איינער איז אַ באַמערקן קוויטל, וואָס קוקט אַ ביסל אַנדערש, אויך.
עס סטאַרץ אַוועק מיט ווינקל קאַנטיקער עקסקלאַמיישאַן לאָך
לאָך אָבער קיין קלאָוזינג קלאַמער.
אין צווישן די צוויי עלעמענטן עס איז ווו איר שרייַבן דיין באַמערקונגען.
און לאָזן ס נעמען אַ קוק אין בילדער און באַמערקונגען און לינקס אין קס50 ייד.
>> אזוי איך האָבן דאָ אַ טעקע געהייסן בילד לינק פּונקט HTML וואָס איך בין געגאנגען צו עפענען אַרויף.
און באַמערקן איך ווע גאַט אַ פּאָר פון באַמערקונגען דאָ אין מיין HTML באַמערקונגען.
אַזוי פּונקט ווי אין C און אנדערע פּראָגראַממינג שפּראַכן,
HTML נאָר דורך ווייל אַ מאַרקאַפּ שפּראַך טוט האָבן די פיייקייַט צו האָבן באַמערקונגען.
און אַזוי איך בין משמעות געגאנגען צו שטעלן אַ בילד פון ריק אַסטליי
ערגעץ צווישן דעם דיוו קוויטל, דעם אַרבאַטרערי אָפּטייל.
משמעות אַז טעקע איז ליגן אין ריק פּונקט דזשפּעג, וואָס
אויב מיר קאָפּ צוריק איבער צו מיין טעקע בוים פֿאַר אַ רגע,
איז אַ טעקע אַז יגזיסץ אין די קראַנט Directory.
אַזוי אַז ס גוט.
איך קענען דערמאָנען עס.
>> דעמאָלט איך קענען האָבן ינערלעך לינקס.
אַזוי באַמערקן אויף שורה 11 דאָ מיין הרעף איז העלא פּונקט HTML.
אַזוי אַז נאָר רעפערס צו העלא פּונקט HTML וואָס יגזיסץ אין די איצטיקע Directory.
און איך קענען אויך האָבן פונדרויסנדיק לינקס דורך פּונקט ספּעסיפיינג הטטפּס
צו אָנווייַזן אַז איך בין נישט גערעדט וועגן אַ טעקע אין מיין איצטיקן Directory.
איך בין גערעדט וועגן אַ טעקע אַז יגזיסץ ערגעץ אויף די אינטערנעט, וואָס איך האָבן
צו בעטן ניצן די הטטפּ פּראָטאָקאָל.
>> אַזוי לאָזן ס נעמען אַ קוק אין וואָס דעם בלאַט זאל קוקן ווי
און באַקומען גרייט פֿאַר אַ בילד פון ריק אַסטליי צו ווייַזן אַרויף אויף דיין פאַרשטעלן.
אַזוי איך וועט פאָרויסיקע ווייַזונג דעם.
עס ס ריק אַסטליי אין די זייער שפּיץ אין דעם אַרבאַטרערי
דיוויזשאַן איך לייגן עס אין די שפּיץ.
און דעמאָלט אַראָפּ אונטן איך האָבן מיין לינקס, רעכט?
>> איך האָבן אַ לינק צו העלא פּונקט HTML.
און אויב איך גיט אַז, איך באַקומען באווויגן איבער צו דעם בלאַט
אַז מיר ניטאָ זייער באַקאַנט מיט פון די זייער אָנהייב פון אונדזער פּראָגראַם.
אויב איך קנאַל אַז בלאַט עפענען ווידער, אויב איך קנאַל בילד לינק עפענען איינער מער צייַט,
איך קענען אויך גיין ויסווייניק צו קס50 ס וועבזייַטל.
און עס מיר סעע-- איך וועט Zoom אויס אַ קליין ביסל הערע--
מיר וועט זען קס50 ס וועבזייַטל סאָרט פון עמבעדיד אין די מיטל פון אונדזער בלאַט.
אזוי איך איז געווען קענען צו מאַכן אַ ינערלעך לינק ווי געזונט ווי אַ פונדרויסנדיק לינק.
>> די לעצטע הערשן מיט HTML אַז מיר רע געגאנגען צו רעדן וועגן דאָ
איז אַז דיין HTML זאָל זיין געזונט געגרינדעט.
אין C מיר גערעדט אַ פּלאַץ וועגן די פאַרשידן סינטאַקס פון זאכן.
אין HTML די סינטאַקס טאַקע ריוואַלווז אַרום טאַגס.
יעדער קוויטל איר עפענען דארף צו זיין פֿאַרמאַכט.
און אין פאַקט, יעדער פאַרבינדן איר עפענען זאָל זיין פֿאַרמאַכט אין פאַרקערט סדר.
>> אַזוי אויב איר עפענען אַ דרייסט צעטל, אַ ייטאַליק קוויטל, און דעמאָלט אַן אַנדערליין קוויטל
צו טאָן אַלע דרייַ צו אַ באַזונדער באַשטימט פון טעקסט,
איר זאָל נאָענט זיי אין פאַרקערט סדר.
אַזוי אויב איר אָפּענעד דרייסט, ייטאַליק, אַנדערליין, איר
ווילן צו נאָענט אַנדערליין, ייטאַליק, דרייסט.
דעם סאָרט פון ענקאַפּסולאַטיאָן איז וואָס האלט HTML פייַן און אָרגאַניזירט.
>> ניט ענלעך C, כאָטש, סינטאַקס ערראָרס וועט ניט אַקטשאַוואַלי קאַליקע אייער HTML עפשער.
אייער HTML זאל זיין ניט געזונט געגרינדעט אָבער וואָלט נאָך ווערק.
און אַזוי די ערראָרס קענען סאָרט פון רוק דורך.
עס ס אַרויף צו איר צו טאַקע זיין ווידזשאַלאַנט.
מאל זיי וועט פאַרלאָזן אָבער מאל איר קענען באַקומען אַוועק מיט אים.
>> עס קענען זיין אַ טאַקע שווער אַרבעט, כאָטש,
צו האַלטן שפּור פון ווען איר אָפּענעד אַ קוויטל, ווען איר פֿאַרמאַכט עס,
ספּעציעל ווי דיין HTML טעקעס באַקומען ביגער און ביגער.
איר וועט וועלן עטלעכע הילף.
און עס זענען אָנליין וואַלידאַטאָר מכשירים אַז איר
קענען נוצן צו האָבן אַ קוק אין אייער וועב חשבון און זען אויב עס ס געזונט געגרינדעט HTML.
און איר זאָל באשטימט נעמען אַ קוק אין די
און אָנהייבן צו נוצן זיי ווי איר אָנהייבן טאן עטלעכע ווערק מיט HTML,
שרייבט HTML, פּונקט אַזוי איר באַקומען עטלעכע גוט געוווינהייטן וועגן אָרגאַנייזינג
אייער HTML אין אַ גוט וועג און גוט נוסח און מאכן זיכער
אַז איר ניטאָ ניט טאן עפּעס אַז קען שאַפֿן אַ סינטאַקס טעות אַז
וואָלט גרונט איר אַ ביסל פון אַ פּראָבלעם אַראָפּ דעם וועג.
>> איך בין דאַג לויד.
דאס איז קס50.