1
00:00:00,000 --> 00:00:06,986

2
00:00:06,986 --> 00:00:10,450
>> דאַווען פאַרנהאַם: הייַנט, איך בין געגאנגען צו
רעדן אַ קליין ביסל וועגן HTML,

3
00:00:10,450 --> 00:00:12,330
היפּערטעקסט מאַרקאַפּ שפּראַך.

4
00:00:12,330 --> 00:00:14,450
איר זען HTML אומעטום די טעג.

5
00:00:14,450 --> 00:00:17,190
אין פאַקט, אויב איר 'רע וואַטשינג דעם
ווידעא אין אַ בלעטערער, ​​איר ניטאָ

6
00:00:17,190 --> 00:00:19,120
געזען HTML רעכט איצט.

7
00:00:19,120 --> 00:00:22,760
HTML איז ניט אַ פּראָגראַממינג שפּראַך,
גאַנץ, עס ס אַ מאַרקאַפּ שפּראַך געניצט דורך

8
00:00:22,760 --> 00:00:25,460
וועב בראַוזערז צו ופפירן בלעטער
אויף דער אינטערנעץ.

9
00:00:25,460 --> 00:00:30,410
>> אַזוי איר זאל פרעגן, ווי פּונקט איז שרייבן
אַ וועב בלאַט אין HTML פאַרשידענע

10
00:00:30,410 --> 00:00:33,574
פון שרייבן אַ פּראָגראַם אין אַ פּראָגראַממינג
שפּראַך ווי C?

11
00:00:33,574 --> 00:00:38,010
נו, C איז אַ שפּראַך מיט זייער שטרענג
סינטאַקטיקאַל כּללים אַז באדערפענישן צו זיין

12
00:00:38,010 --> 00:00:39,880
צונויפגעשטעלט איידער עס קענען לויפן.

13
00:00:39,880 --> 00:00:43,070
אויב איר 'ווע אלץ פארגעסן צו אַרייַננעמען אַ
פּינטל - קאָמע אין די סוף פון אַ דערקלערונג אין

14
00:00:43,070 --> 00:00:46,660
דיין C קאָד, איר וויסן וואָס איך בין גערעדט
וועגן אין גרוס צו שטרענג סינטאַקס.

15
00:00:46,660 --> 00:00:50,360
>> וועב בראַוזערז כאָטש, זענען אַ ביסל מער
מוחל ווען עס קומט צו HTML.

16
00:00:50,360 --> 00:00:53,860
אפילו אויב דיין HTML איז ניט סינטאַקטיקאַללי
ריכטיק, דיין בלאַט קען נאָך זיין

17
00:00:53,860 --> 00:00:57,150
געוויזן דורך אַ בלעטערער, ​​אָבער עס זאל
ניט קוקן ווי איר בדעה.

18
00:00:57,150 --> 00:00:59,640
אַזוי עס ס שטענדיק בעסטער צו
נאָכגיין די כּללים.

19
00:00:59,640 --> 00:01:01,990
דער בעסטער וועג צו באַקומען אַ ינטוישאַן
וועגן ווי דאס אַרבעט איז צו

20
00:01:01,990 --> 00:01:03,300
גיין דורך אַ בייַשפּיל.

21
00:01:03,300 --> 00:01:07,360
>> אַזוי וואָס מיר האָבן דאָ איז אַ יקערדיק
בלופּרינט פֿאַר אַ וועב בלאַט.

22
00:01:07,360 --> 00:01:10,690
איר מיסטאָמע באמערקט אַ פּלאַץ פון זאכן
אין צווישן אַנגגאַלד בראַקאַץ.

23
00:01:10,690 --> 00:01:12,900
נו, די זענען נאָר טאַגס.

24
00:01:12,900 --> 00:01:15,810
טאַגס בייסיקלי מיטטיילן וועב בראַוזערז
אַז, היי, עפּעס

25
00:01:15,810 --> 00:01:17,150
איז קומענדיק דיין וועג.

26
00:01:17,150 --> 00:01:20,770
געדענקען כאָטש, ווען איר עפענען אַ
קוויטל, איר דאַרפֿן צו פאַרמאַכן עס אַמאָל איר זענען

27
00:01:20,770 --> 00:01:21,750
געטאן ניצן עס.

28
00:01:21,750 --> 00:01:24,690
>> אַזוי פֿאַר בייַשפּיל, איך עפענען אַ אָפּטיילונג
פון קאָד מיט עפענען

29
00:01:24,690 --> 00:01:26,960
קלאַמער גוף, נאָענט קלאַמער.

30
00:01:26,960 --> 00:01:31,280
איך דעריבער לייגן עטלעכע טעקסט, אין דעם פאַל, מיין
ערשטער וועב בלאַט דעמאָלט ווען איך געגאנגען צו

31
00:01:31,280 --> 00:01:35,540
נאָענט דעם אָפּטיילונג, איך נוצן כּמעט אַ
יידעניקאַל קוויטל אַחוץ דעם צייַט מיט אַ

32
00:01:35,540 --> 00:01:37,660
פאָרויס צעהאַקן איידער גוף.

33
00:01:37,660 --> 00:01:41,140
אין אַלגעמיין, דעם איז דער פֿאָרמאַט איר ניטאָ
געגאנגען צו נוצן ווען איר זענען עפן

34
00:01:41,140 --> 00:01:42,680
און קלאָוזינג טאַגס.

35
00:01:42,680 --> 00:01:47,900
צוזאַמען, אַ עפענען קוויטל און אַ סוף קוויטל
קאַמפּאָוז וואָס ס גערופן אַ עלעמענט.

36
00:01:47,900 --> 00:01:51,870
>> אויב איר קוק בייַ די ערשטער שורה, איר וועט
זען אַ עקסקלאַמיישאַן פונט נאכגעגאנגען דורך

37
00:01:51,870 --> 00:01:53,350
דאָקטיפּע HTML.

38
00:01:53,350 --> 00:01:56,280
דעם איז טאַקע נאָר טעלינג אייער בלעטערער
אַז דער טעקע איז אַ וועב בלאַט

39
00:01:56,280 --> 00:01:58,280
געשריבן אין HTML.

40
00:01:58,280 --> 00:02:01,970
די HTML טאַגס יסענשאַלי זאגט,
דאָ קומט עטלעכע HTML.

41
00:02:01,970 --> 00:02:04,950
דעמאָלט מיר האָבן אַ קאָפּ קוויטל מיט
אַ טיטל קוויטל ין עס.

42
00:02:04,950 --> 00:02:09,430
די קאָפּ קוויטל איר קענען טראַכטן פון ווי
קאַמפּרייזינג HTML קאָד אַז קומט פֿאַר

43
00:02:09,430 --> 00:02:12,670
דער פאַרנעם פון אייער וועב בלאַט ס
פאַקטיש צופרידן.

44
00:02:12,670 --> 00:02:16,700
>> אין אַלגעמיין, איר שטעלן דעם טיטל פון דיין
וועב בלאַט דאָ, כאָטש עס זענען עטלעכע

45
00:02:16,700 --> 00:02:19,350
אנדערע טאַגס אַז קענען דערשייַנען
דאָ ווי געזונט.

46
00:02:19,350 --> 00:02:25,020
ווייַטער קומט אייער וועב בלאַט ס גוף, די
פאַקטיש פלייש און ביינער פון דיין וועבזייַטל.

47
00:02:25,020 --> 00:02:28,910
אין אונדזער בייַשפּיל, מיר 'ווע פּונקט שטעלן אַ פּשוט
זאַץ, מיין ערשטער וועבפּאַגע,

48
00:02:28,910 --> 00:02:34,100
וואָס, אויב מיר לויפן אונדזער פּלאַץ, וועט קוקן
אַ ביסל עפּעס ווי דעם.

49
00:02:34,100 --> 00:02:36,810
אונדזער וועב בלאַט איז ניט אויך מאָדנע,
אָבער טאָן ניט זאָרג.

50
00:02:36,810 --> 00:02:39,210
מיר וועט טענענבוים עס אַרויף באַלד.

51
00:02:39,210 --> 00:02:44,070
>> אַזוי די אויבן HTML, מיר וועט געבן איר אַ זייער
יקערדיק מוסטער פֿאַר אַ וועב בלאַט,

52
00:02:44,070 --> 00:02:46,310
גאָרנישט פאַנטאַזיע, נאָר די נאַקעט ביינער.

53
00:02:46,310 --> 00:02:49,160
אבער אויב איך בין שאפן אַ וועב בלאַט,
וואָס אויב איך ווילן צו לייגן אַ

54
00:02:49,160 --> 00:02:50,760
בילד פון, זאָגן, זיך?

55
00:02:50,760 --> 00:02:52,760
נו, איך קענען טאָן אַז.

56
00:02:52,760 --> 00:02:55,460
עס זענען אַ פּאָר פון וועגן צו
לייג בילדער צו דיין פּלאַץ.

57
00:02:55,460 --> 00:02:59,780
אויב די בילד איז אין דער זעלביקער טעקע ווי
דיין HTML טעקע, איר קענען לינק צו די

58
00:02:59,780 --> 00:03:01,950
בילד דורך דרך ווי דעם.

59
00:03:01,950 --> 00:03:05,910
>> איר עפענען אַרויף מיט אַ בילד קוויטל נאכגעגאנגען
דורך אין אַלט אַטריביוט אין די

60
00:03:05,910 --> 00:03:07,240
מקור פון די בילד.

61
00:03:07,240 --> 00:03:12,030
די אַלט אַטריביוט ס ווערט איז נאָר עטלעכע
אנדער ברירה טעקסט אין פאַל אַ באַניצער קענען ניט

62
00:03:12,030 --> 00:03:13,580
זען די בילד.

63
00:03:13,580 --> 00:03:19,680
אַלטערנאַטיוועלי, איר קענען אויך לינק צו
בילדער דורך אַ פול URL, ווי דעם.

64
00:03:19,680 --> 00:03:24,180
איצט, אַז וועבזייַטל טוט ניט טאַקע עקסיסטירן,
אָבער אויב עס זענען געווען אַ בילד פון

65
00:03:24,180 --> 00:03:27,760
מיר בייַ אַז אַדרעס, איך קען נוצן
די מקור URL צו אַרייַננעמען

66
00:03:27,760 --> 00:03:29,930
זייַן בילד אויף מיין וועבזייַטל.

67
00:03:29,930 --> 00:03:35,590
אָדער וועג, איר סוף אַרויף מיט אַ פיל
פּריטיער וועבזייַטל, עפּעס ווי דעם.

68
00:03:35,590 --> 00:03:39,730
>> גוט, אַז ס שיין קיל, אָבער איך מין
פון ווילן עטלעכע טעקסט דאָ ווי געזונט.

69
00:03:39,730 --> 00:03:43,020
אַזוי לאָזן ס נאָר לייגן עפּעס
יבער פּשוט אויבן די

70
00:03:43,020 --> 00:03:45,210
בילד, ווי די קאָפּצעטל.

71
00:03:45,210 --> 00:03:50,830
אַלע איך 'ווע געטאן אַזוי ווייַט איז נוצן די קאָפּצעטל
קוויטל, ה 1, און אַ שורה ברעכן קוויטל, בר.

72
00:03:50,830 --> 00:03:54,900
די קאָפּצעטל קוויטל מאכט די שריפֿט אַ ביסל
ביסל ביגער און מער באַוווסט.

73
00:03:54,900 --> 00:03:58,930
די שורה ברעכן קוויטל, אויף די אנדערע
האַנט, איז מין פון קילן.

74
00:03:58,930 --> 00:04:03,720
ניט ענלעך רובֿ אנדערע טאַגס, איר טאָן ניט האָבן
אַ עפן און קלאָוזינג ברעכן קוויטל, נאָר

75
00:04:03,720 --> 00:04:05,120
דער איינער געוויזן אויבן.

76
00:04:05,120 --> 00:04:10,420
דעם איז ווייַל ברעכן האט קיין צופרידן
און איז דעריבער, אַ ליידיק עלעמענט.

77
00:04:10,420 --> 00:04:14,940
>> ליידיק עלעמענטן ווי דעם, איר קענען עפענען
און נאָענט סיימאַלטייניאַסלי פשוט דורך

78
00:04:14,940 --> 00:04:20,420
אַרייַנגערעכנט אַ פאָרויס צעהאַקן אין די
סוף פון די ערשט דעקלאַראַציע.

79
00:04:20,420 --> 00:04:24,390
אַזוי איצט מיין וועבזייַטל קוקט אַ ביסל
עפּעס ווי דעם.

80
00:04:24,390 --> 00:04:27,410
בעסער, אָבער עס מין פון פילז
ווי אַ טויט סוף.

81
00:04:27,410 --> 00:04:30,850
עס ס ינ ערגעצ ניט אַנדערש צו גיין באַזונדער
פון דעם הויפּט בלאַט.

82
00:04:30,850 --> 00:04:33,075
נו, לאָזן ס פאַרריכטן אַז דורך
אַרייַנגערעכנט אַ לינק.

83
00:04:33,075 --> 00:04:36,860
>> וואָס איך בין געגאנגען צו טאָן דאָ איז נוצן אַ
אַטריביוט דינאָוטאַד דורך אַ און מאַכן די

84
00:04:36,860 --> 00:04:40,780
בילד אַ לינק צו, לאָזן ס זאָגן, קס50 טעלעוויזיע.

85
00:04:40,780 --> 00:04:44,460
אַז וועג, ווען אַבי ווער קליקס אויף מיר,
זייער בלעטערער וועט זיין דירעקטעד צו

86
00:04:44,460 --> 00:04:47,810
אן אנדער, מיסטאָמע מער
נוציק, וועב בלאַט.

87
00:04:47,810 --> 00:04:51,040
איך 'ווע האט צו מינאַמייז די נומער פון די
טעקסט אַ ביסל ווייַל אונדזער וועב בלאַט איז

88
00:04:51,040 --> 00:04:52,470
געטינג מער אַוואַנסירטע.

89
00:04:52,470 --> 00:04:54,590
אָבער אַלעווייַ, עס ס נאָך קלאָר.

90
00:04:54,590 --> 00:04:59,460
מיין וועבזייַטל קוקט פּונקט דער זעלביקער בלויז
איצט, ווען איך דריקט אויף די בילד,

91
00:04:59,460 --> 00:05:04,410
מיין בלעטערער וועט עפענען אַרויף אנדערן
קוויטל פֿאַר די CS50.tv וועב בלאַט.

92
00:05:04,410 --> 00:05:08,970
>> לאַסטלי, לאָזן ס זאָגן איך בין געגאנגען צו נוסח
דעם וועבזייַטל שפּעטער ניצן קסס.

93
00:05:08,970 --> 00:05:11,730
קסס איז וואָס איז באקאנט ווי אַ
קאַסקאַדינג נוסח בויגן.

94
00:05:11,730 --> 00:05:15,230
און עס בייסיקלי גיט אַ עפעקטיוו
וועג צו רעדאַגירן און סטיל

95
00:05:15,230 --> 00:05:16,910
ענלעך בלאַקס פון קאָד.

96
00:05:16,910 --> 00:05:21,290
איך ווילן צו אָנהייב אָרגאַנייזינג מיין HTML צו
מאַכן עס גרינגער צו סטיל שפּעטער אויף.

97
00:05:21,290 --> 00:05:26,900
דאָ, איך שטעלן זיך צוויי פאַרשידענע מינים פון
ידענטיפיערס צו העלפן אָרגאַניזירן מיין קאָד.

98
00:05:26,900 --> 00:05:31,170
איך 'ווע געניצט די שייַן אַטריביוט ין אַ
אָפּטייל, אָדער דיוו צעטל, און איך 'ווע געניצט אַ

99
00:05:31,170 --> 00:05:34,120
קלאַס אַטריביוט ין
אן אנדער דיוו צעטל.

100
00:05:34,120 --> 00:05:37,190
>> שייַן און קלאַס אַטראַביוץ
אַרבעט סימאַלערלי.

101
00:05:37,190 --> 00:05:41,210
דער בלויז חילוק איז איר קענען נאָר האָבן
איינער עלעמענט, די ספּעציפיש שייַן, אָבער

102
00:05:41,210 --> 00:05:43,600
קיין נומער פון עלעמענטן
קענען טיילן אַ קלאַס.

103
00:05:43,600 --> 00:05:47,690
אַזוי פֿאַר בייַשפּיל, איך קענען נוצן די סאָרט
בילד קייפל מאל, אָבער איך קענען ניט

104
00:05:47,690 --> 00:05:50,533
שאַפֿן אנדערן אָפּטייל
מיט די שייַן שפּיץ.

105
00:05:50,533 --> 00:05:54,750
כאָטש איך האָבן ניט פאַרבייַ אין קסס,
אן אנדער שפּראַך קאַמאַנלי געוויינט

106
00:05:54,750 --> 00:05:59,700
אַלאָנגסייד HTML, אַמאָל איך אָנהייבן סטילינג
מיין קאָד מיט קסס, איך קענען נוצן די

107
00:05:59,700 --> 00:06:03,730
אָרגאַנאַזיישאַנאַל אַטראַביוץ צו השפּעה
מיין וועב בלאַט ס עסטעטיק.

108
00:06:03,730 --> 00:06:07,600
>> אלץ ין דער אָפּטייל שפּיץ
וועט האָבן ענלעך סטילינגס אָדער קיין

109
00:06:07,600 --> 00:06:12,010
אנדערע גרופּע פון ​​HTML איך גרופּע אין די
סאָרט בילד וועט טיילן אַ ענלעך קוק.

110
00:06:12,010 --> 00:06:15,700
דעם איז פיל גרינגער ווי טריינג צו רעדאַגירן
און סטיל בילדער אָדער בלאַקס פון

111
00:06:15,700 --> 00:06:17,690
טעקסט ינדיווידזשואַלי.

112
00:06:17,690 --> 00:06:21,480
>> אַזוי מיר זענען איבער די באַסיקס פון ווי
צו מאַכן אַ וועב בלאַט מיט HTML.

113
00:06:21,480 --> 00:06:25,280
HTML האט אַ בינטל פון אנדערע פֿעיִקייטן אויך
אַז ווען פּערד מיט אנדערע שפּראַכן

114
00:06:25,280 --> 00:06:29,220
ווי קסס און דזשאַוואַסקריפּט, קענען טאַקע
מאַכן בלעטער שטיין אויס.

115
00:06:29,220 --> 00:06:32,960
דער בעסטער וועג צו באַקומען באַקוועם מיט
HTML איז נאָר צו באַלאַגאַן אַרום מיט עס,

116
00:06:32,960 --> 00:06:35,120
זען וואָס אַרבעט, און וואָס טוט ניט.

117
00:06:35,120 --> 00:06:36,570
>> מיין נאָמען איז דאַווען פאַרנהאַם.

118
00:06:36,570 --> 00:06:37,820
דעם איז קס50.

119
00:06:37,820 --> 00:06:40,640

120
00:06:40,640 --> 00:06:45,690
>> אַזוי פֿאַר בייַשפּיל, איך קענען נוצן
די סאָרט בילד -

121
00:06:45,690 --> 00:06:48,028
ניט, עס זענען אַזוי פילע אַטראַביוץ.

122
00:06:48,028 --> 00:06:52,500

123
00:06:52,500 --> 00:06:53,950
מיין נאָמען איז דאַווען פאַרנהאַם.

124
00:06:53,950 --> 00:06:58,560
דעם איז קס 650.

125
00:06:58,560 --> 00:06:59,810
איך ווילן צו זאָגן קסס.

126
00:06:59,810 --> 00:07:02,325

127
00:07:02,325 --> 00:07:03,575
דעם איז קסס.

128
00:07:03,575 --> 00:07:05,408