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

2
00:00:06,100 --> 00:00:08,790
>> דאג LLOYD: אז בילינו
על-- אם המתמטיקה שלי נכונה,

3
00:00:08,790 --> 00:00:11,900
ואני חושב שמחפש back-- אני חושב ש
בילינו כ 35 קטעי וידאו מדבר

4
00:00:11,900 --> 00:00:15,139
על היבטים שונים של C, אולי
קצת יותר, אולי קצת פחות.

5
00:00:15,139 --> 00:00:16,930
ואנחנו לא כיסינו
הכל ב- C, אבל אנחנו

6
00:00:16,930 --> 00:00:21,170
מכוסה נתח גדול של
שפה, הרוב המכריע שלו,

7
00:00:21,170 --> 00:00:22,882
בהחלט לשימושים נפוצים.

8
00:00:22,882 --> 00:00:25,090
עכשיו אנחנו הולכים לדבר
על שפה אחרת, HTML.

9
00:00:25,090 --> 00:00:28,180
ואנחנו הולכים כדי לכסות
זה רק וידאו אחד.

10
00:00:28,180 --> 00:00:29,340
>> אבל זה הולך להיות בסדר.

11
00:00:29,340 --> 00:00:31,410
זה הולך להיות ממש
משהו שאתה הולך להתרגל ל.

12
00:00:31,410 --> 00:00:33,535
עכשיו שיש לך
יסודות של שפה אחת,

13
00:00:33,535 --> 00:00:35,776
זה בעצם די קל
להתחיל ללמוד אחרים.

14
00:00:35,776 --> 00:00:37,650
אז אנחנו הולכים להתחיל
לשלב קצת אחורה

15
00:00:37,650 --> 00:00:43,340
ולחפות על בסיסי
הבדלים בין השפות הבאות

16
00:00:43,340 --> 00:00:45,750
וסוג של יעזוב אותך לזה.

17
00:00:45,750 --> 00:00:48,530
יש הרבה גדול באמת
משאבים באינטרנט, ש

18
00:00:48,530 --> 00:00:51,279
אנחנו הולכים להתחיל לכוון אותך
לקראת כי האינטרנט הוא

19
00:00:51,279 --> 00:00:53,340
מאגר עצום של מידע.

20
00:00:53,340 --> 00:00:55,960
ואז זה לא כאילו אתה
להיות מפסיד בהכרח

21
00:00:55,960 --> 00:00:58,349
בכך שלא המידע
מכוסה בוידאו.

22
00:00:58,349 --> 00:01:00,640
אתה עדיין תוכל לקבל
כל מה שאתה צריך ושימוש

23
00:01:00,640 --> 00:01:03,590
הידע שיש לך כבר
נבנה על ידי הבנת C

24
00:01:03,590 --> 00:01:07,130
כדי להפוך את העקומה למידה עבור אלה
שפות אחרות למעשה להחמיא הרבה.

25
00:01:07,130 --> 00:01:08,640
אני מבטיח.

26
00:01:08,640 --> 00:01:12,770
>> אבל בואו נדבר על שפה אחת
זה באמת בסיסי לכל אינטרנט

27
00:01:12,770 --> 00:01:14,830
דף, שהוא HTML.

28
00:01:14,830 --> 00:01:18,230
HTML הוא טקסט Hyper Markup Language.

29
00:01:18,230 --> 00:01:22,700
HTML הוא שפה אבל זה
לא שפת תכנות.

30
00:01:22,700 --> 00:01:23,900
>> HTML אין משתנים.

31
00:01:23,900 --> 00:01:26,430
זה לא חייב היגיון או
פונקציות או משהו כזה.

32
00:01:26,430 --> 00:01:30,301
אנחנו לא יכולים לעשות שום
תכנות כשלעצמו ב- HTML.

33
00:01:30,301 --> 00:01:32,300
לפעמים אתה תשמע
אנשים מגדירים את עצמם

34
00:01:32,300 --> 00:01:35,710
כמתכנתי HTML, ש
לא לגמרי מדויק.

35
00:01:35,710 --> 00:01:37,980
אנחנו לא יכולים לכתוב תוכניות HTML.

36
00:01:37,980 --> 00:01:40,770
>> HTML הוא רק משמש כדי לסמן את הטקסט.

37
00:01:40,770 --> 00:01:42,690
זה נקרא שפת סימון.

38
00:01:42,690 --> 00:01:47,680
ומה זה does-- markup-- זה
אנו משתמשים בתגים ב- HTML וtags-- אלה

39
00:01:47,680 --> 00:01:51,600
זה markup-- סמנטי
מגדיר את המבנה של דף

40
00:01:51,600 --> 00:01:55,280
וגורם לטקסט רגיל ש
קיים בין תגים להתפרש

41
00:01:55,280 --> 00:01:57,320
על ידי דפדפנים בדרכים שונות.

42
00:01:57,320 --> 00:02:00,370
ואולי זה הטוב ביותר להסביר
דרך על ידי זה של איור.

43
00:02:00,370 --> 00:02:06,450
>> הנה דף HTML פשוט מאוד, לא
תכנית HTML, שוב, דף HTML.

44
00:02:06,450 --> 00:02:08,680
ואנחנו יודעים שזה
דף HTML כי יש לנו

45
00:02:08,680 --> 00:02:11,480
מתוחם הכל עם תגי HTML.

46
00:02:11,480 --> 00:02:13,850
אז זה מה שתג HTML נראה.

47
00:02:13,850 --> 00:02:15,870
זה בין סוגריים זווית.

48
00:02:15,870 --> 00:02:18,570
ושים לב שבחלק העליון יש לנו
HTML ובתחתית מאוד,

49
00:02:18,570 --> 00:02:21,400
אחרי שעשינו את מה שהוא
כנראה הרבה HTML אחר,

50
00:02:21,400 --> 00:02:24,310
יש לנו הקו נטוי הסוגר זווית HTML.

51
00:02:24,310 --> 00:02:29,262
כך שסוג של הגבול הוא
בין מה שהוא HTML ומה לא.

52
00:02:29,262 --> 00:02:32,220
וכמובן, כמקובל, רק
כפי שכתבת את כל התוכניות שלך C

53
00:02:32,220 --> 00:02:35,300
עם סיומות C הנקודה,
כל קבצי HTML שלך

54
00:02:35,300 --> 00:02:37,909
יסיים ברחבות HTML נקודה.

55
00:02:37,909 --> 00:02:39,200
אבל יש עוד על הולך כאן.

56
00:02:39,200 --> 00:02:40,658
לא רק שיש לנו אלה תגי HTML.

57
00:02:40,658 --> 00:02:44,010
כנראה שיש לנו זה
דבר נקרא תג ראש.

58
00:02:44,010 --> 00:02:46,010
טוב, בסדר, מה זה?

59
00:02:46,010 --> 00:02:48,550
>> טוב, אולי זה הכי טוב
להבחין בדרך של גוף,

60
00:02:48,550 --> 00:02:50,590
גוף להיות התוכן של דף האינטרנט.

61
00:02:50,590 --> 00:02:55,860
אז אולי תג הראש מגדיר דברים
שלא בחלון הדפדפן נכון,

62
00:02:55,860 --> 00:02:59,410
אבל איכשהו הוא חשוב שלנו
דף האינטרנט שניתן בצורה נכונה.

63
00:02:59,410 --> 00:03:02,490
לדוגמא, חלק פנימי של
תג הראש יש לנו תגי כותרת.

64
00:03:02,490 --> 00:03:05,500
>> אז כותרת להיות שלום עולם,
שבעצם הולך להיות מה ש

65
00:03:05,500 --> 00:03:08,797
מופיע בכרטיסייה בכרום
או בספארי או Firefox--

66
00:03:08,797 --> 00:03:11,880
מה דפדפן אתה prefer-- זה
מה קורה להופיע בכותרת.

67
00:03:11,880 --> 00:03:14,800
ולפני כרטיסיות זה ייראה
בחלון הדפדפן כולו שלך

68
00:03:14,800 --> 00:03:19,710
ויכול רק שיש לך עמוד אחד
פתיחה בחלון דפדפן בכל פעם.

69
00:03:19,710 --> 00:03:22,160
אז זה הולך להיות
כותרת של הדף שלי למעלה בכרטיסייה

70
00:03:22,160 --> 00:03:24,600
או חלון הדפדפן בר, שלום עולם.

71
00:03:24,600 --> 00:03:28,611
ולאחר מכן את התוכן שלי
דף האינטרנט יהיה עולם, שלום.

72
00:03:28,611 --> 00:03:31,360
אז בואו נסתכל על מה שחלק
דבר כזה עשוי להיראות.

73
00:03:31,360 --> 00:03:33,210
זהו דף HTML די פשוט.

74
00:03:33,210 --> 00:03:35,970
אז אני כאן בIDE CS50 ו
אני כבר זינקתי בקצת.

75
00:03:35,970 --> 00:03:38,290
ואני רק הולך ל
לפתוח את שלום הנקודה HTML

76
00:03:38,290 --> 00:03:42,000
ולהראות לך שזה פחות או יותר
תוכן הדף שראינו לפני.

77
00:03:42,000 --> 00:03:45,240
תגי HTML, הראש שלי פשוט,
תגי כותרת, גוף, וכן הלאה.

78
00:03:45,240 --> 00:03:47,320
אני כבר מסוכסך להיות נקי.

79
00:03:47,320 --> 00:03:51,530
>> ואז מה אני יכול לעשות בי
IDE הוא רק בתצוגה מקדימה של הדף.

80
00:03:51,530 --> 00:03:52,630
ויש לנו ללכת.

81
00:03:52,630 --> 00:03:56,070
התוכן של הדף שלי הוא עולם,
שלום, ואני לא רואה שום דבר

82
00:03:56,070 --> 00:03:58,500
מתגי הראש שם.

83
00:03:58,500 --> 00:03:59,980
זה רק את התוכן של הגוף.

84
00:03:59,980 --> 00:04:00,780
עולם, שלום.

85
00:04:00,780 --> 00:04:03,700
ושוב, הגוף פשוט
אמר, עולם, שלום.

86
00:04:03,700 --> 00:04:06,160
החלק האחר חסר.

87
00:04:06,160 --> 00:04:07,610
>> אז זה באמת כל מה שזה.

88
00:04:07,610 --> 00:04:11,370
זהו דף HTML בסיסי פשוט מאוד.

89
00:04:11,370 --> 00:04:14,280
עכשיו אני כבר מסוכסך HTML שלי ל
להיות ממש נחמד ומאורגן,

90
00:04:14,280 --> 00:04:15,840
אבל לא באמת צריך אני.

91
00:04:15,840 --> 00:04:17,959
אני יכול לעשות את זה נראה די מכוער.

92
00:04:17,959 --> 00:04:19,467
וזה עדיין יעבוד.

93
00:04:19,467 --> 00:04:21,050
זה יהיה אותו דבר דף האינטרנט המדויק.

94
00:04:21,050 --> 00:04:23,100
אני רק נפטרתי מ
כל השטח הלבן.

95
00:04:23,100 --> 00:04:24,820
>> כפי שמתברר, החלל לבן הוא נתונים.

96
00:04:24,820 --> 00:04:28,540
ולכן כאשר אנחנו שולחים נתונים מ
שולח למקבל, מהשרת

97
00:04:28,540 --> 00:04:30,670
ללקוח, הנתונים עולה כסף.

98
00:04:30,670 --> 00:04:34,460
וכך להיפטר מרווחים
הוא למעשה רעיון טוב

99
00:04:34,460 --> 00:04:37,320
אם אתה מישהו שמשרת
עד הרבה תוכן באינטרנט.

100
00:04:37,320 --> 00:04:39,820
זה רעיון רע אם אתה
מישהו שלומד את החומר הזה

101
00:04:39,820 --> 00:04:41,528
ואתה רוצה להיות
זה יפה מאורגן.

102
00:04:41,528 --> 00:04:43,810
זה הרבה יותר קל לנתח מזה.

103
00:04:43,810 --> 00:04:45,540
אבל זה מבחינה תפקודית זהה.

104
00:04:45,540 --> 00:04:48,720
>> הכניסה ודברים כאלה
לא ממש משנה ב- HTML.

105
00:04:48,720 --> 00:04:53,634
כל מה שמשנה הוא תגים ופתיחה
סגירת תגים בסדר הנכונה.

106
00:04:53,634 --> 00:04:55,050
שים לב אם כי מה שקרה כאן,.

107
00:04:55,050 --> 00:04:58,450
הסימון נותן לנו דרך
להעביר מידע נוסף

108
00:04:58,450 --> 00:04:59,940
על מה שכתבנו.

109
00:04:59,940 --> 00:05:03,130
החלק שלום, העולם היה
פירש ככותרת.

110
00:05:03,130 --> 00:05:06,410
והעולם, שלום חלק היה
להתפרש כתוכן

111
00:05:06,410 --> 00:05:09,090
או מה צריך להיות
גלוי בדף האינטרנט שלי.

112
00:05:09,090 --> 00:05:12,167
>> ישנם מעל 100 של אלה שונים
תגים והרבה משאבים גדולים

113
00:05:12,167 --> 00:05:13,000
באינטרנט כדי למצוא אותם.

114
00:05:13,000 --> 00:05:14,900
אנחנו הולכים לדבר על
כמה מהם בסרט הזה, כמה

115
00:05:14,900 --> 00:05:16,440
של הדברים ממש בסיסיים.

116
00:05:16,440 --> 00:05:18,440
אבל אנחנו לא הולכים לדבר
על כל זה כי זה

117
00:05:18,440 --> 00:05:20,250
יהיה ממצה לעשות זאת.

118
00:05:20,250 --> 00:05:22,880
>> עוד דבר שאתה יכול לעשות, אם כי,
הוא לפתוח את כלי פיתוח.

119
00:05:22,880 --> 00:05:26,069
ואם אתה זוכר מ
הווידאו שלנו על HTTP,

120
00:05:26,069 --> 00:05:27,860
הסברתי איך לפתוח
עד כלי פיתוח.

121
00:05:27,860 --> 00:05:32,020
בכרום זה בדרך כלל על מקש F12
לפתוח את סרגל כלים למפתחים.

122
00:05:32,020 --> 00:05:35,909
אז במקום לבחור ברשת
כרטיסייה, אתה יכול לבחור את כרטיסיית האלמנטים.

123
00:05:35,909 --> 00:05:37,700
ואם אתה טוען באינטרנט
דף, שאתה באמת תמצאו

124
00:05:37,700 --> 00:05:40,280
לראות את ה- HTML שיוצר דף האינטרנט.

125
00:05:40,280 --> 00:05:44,090
ואז אתה יכול ללמוד הרבה על HTML
על ידי התבוננות באתרים האהובים עליכם

126
00:05:44,090 --> 00:05:48,474
ולראות איך הם בונים
חלקים שונים של אותם שאתה אוהב.

127
00:05:48,474 --> 00:05:50,890
אז אולי יש מגניב
דפוס או משהו כזה.

128
00:05:50,890 --> 00:05:52,140
איך הם עושים את זה עם HTML?

129
00:05:52,140 --> 00:05:55,630
ובכן אתה יכול פשוט לפתוח את המפתח שלך
כלים ולרחף מעל האלמנט ש

130
00:05:55,630 --> 00:05:57,700
ולראות בדיוק מה HTML עושה את זה.

131
00:05:57,700 --> 00:05:59,450
אז זה באמת
דרך טובה ללמוד HTML,

132
00:05:59,450 --> 00:06:02,330
ואני ממליץ בחום ש
אתה עושה את זה גם ללמוד HTML

133
00:06:02,330 --> 00:06:04,930
וגם ללמוד קצת
קצת על חלק מהאפשרויות

134
00:06:04,930 --> 00:06:07,050
לרשותך ב
כלי פיתוח, ש

135
00:06:07,050 --> 00:06:10,200
בהחלט שימושי כ
אתה מתחיל לעשות אינטרנט אינטנסיבי יותר

136
00:06:10,200 --> 00:06:11,090
תכנות.

137
00:06:11,090 --> 00:06:14,080
>> אז בואו נסתכל
כמה תגי HTML נפוצים.

138
00:06:14,080 --> 00:06:17,210
ואנחנו לקפוץ ותסתכל ב
מה תגים אלה גם לעבד

139
00:06:17,210 --> 00:06:20,490
כע"י הסתכלות בכמה קבצים בIDE שלי.

140
00:06:20,490 --> 00:06:26,330
אז הנה שלושה תגים בסיסיים מאוד ל
לכוונן את המראה החזותי של טקסט.

141
00:06:26,330 --> 00:06:29,050
יש B תגים, אני תגים, תגים וU.

142
00:06:29,050 --> 00:06:33,170
ובהתאמה מה שהם עושים הוא
לדקלם את הטקסט ביניהם מודגשים,

143
00:06:33,170 --> 00:06:35,430
נטוי, קו תחתון ו.

144
00:06:35,430 --> 00:06:40,430
אז בואו לראות מה שהיה נראה
כמו בדף אינטרנט בפועל בIDE שלי.

145
00:06:40,430 --> 00:06:43,390
>> אז הנה בIDE שלי יש לי
קובץ בשם בר-אילן הנקודה HTML.

146
00:06:43,390 --> 00:06:46,770
אוניברסיטת בר-אילן נקודת HTML פשוט להיות
נועז, נטוי, קו תחתון.

147
00:06:46,770 --> 00:06:47,830
אני אפתח אותו.

148
00:06:47,830 --> 00:06:51,810
>> ואנו רואים כי כאן אני
יש לי הטקסט הזה הוא B תגים נועז.

149
00:06:51,810 --> 00:06:54,010
הטקסט נטוי תגים אני.

150
00:06:54,010 --> 00:06:56,307
והטקסט הזה הוא תגי U קו תחתון.

151
00:06:56,307 --> 00:06:57,640
מה זה הולך להיראות?

152
00:06:57,640 --> 00:06:59,473
ובכן שוב, יש לי כל
לעשות הוא ללכת לכאן

153
00:06:59,473 --> 00:07:04,690
לדפדפן שלי, דפדפן הקבצים שלי, לחץ על
תצוגה מקדימה, וזה מה שמגיע.

154
00:07:04,690 --> 00:07:07,520
>> הטקסט בין B
תגים הוא אכן החברה נועזת.

155
00:07:07,520 --> 00:07:10,720
הטקסט ביני
תגים הוא אכן החברה נטויה.

156
00:07:10,720 --> 00:07:14,634
ואת הטקסט שבבין U
תגים הוא אכן החברה קו תחתון.

157
00:07:14,634 --> 00:07:15,550
אז זה די טוב.

158
00:07:15,550 --> 00:07:18,450
עכשיו אנחנו יודעים איך להפוך את הטקסט
נראה מפואר יותר קטנה

159
00:07:18,450 --> 00:07:20,360
או לצייר דגש לדברים מסוימים.

160
00:07:20,360 --> 00:07:25,530
זוג נוסף של תגים נפוצים כאן הם
תגי סעיף, תגי P, וכותרת,

161
00:07:25,530 --> 00:07:27,980
שאני כבר ניתנו כאן כHX.

162
00:07:27,980 --> 00:07:32,520
>> תגים אלה P, תגי הסעיף הבאים,
לשבור את הטקסט שלך לתוך סעיפים.

163
00:07:32,520 --> 00:07:34,646
זה לא מספיק רק
לחץ על Enter ולהשאיר חללים,

164
00:07:34,646 --> 00:07:37,186
כי מחשב הוא רק הולך
לעשות את מה שאתה אומר את זה לעשות

165
00:07:37,186 --> 00:07:39,450
והיא מתעלמת לבנה
חלל על פי רוב.

166
00:07:39,450 --> 00:07:41,636
אז אנחנו לא יכולים רק פגעו הזן
ולצפות במחשב שלנו

167
00:07:41,636 --> 00:07:43,760
לפרש שאנחנו רוצים
כדי להתחיל פסקה חדשה.

168
00:07:43,760 --> 00:07:47,670
יש לנו לומר באופן מפורש מאוד זה
הוא אחד paragraph-- זה another--

169
00:07:47,670 --> 00:07:50,740
על ידי צירוף כל אחד בקבוצה של תגיות P.

170
00:07:50,740 --> 00:07:54,560
>> ויש לנו גם אפשרויות אלה
תגי H, תגי הכותרת הבאים.

171
00:07:54,560 --> 00:07:57,000
יש לנו שש רמות שונות
של כותרות, אחת, שתיים, שלוש,

172
00:07:57,000 --> 00:08:01,110
ארבעה, חמש, שש ו, שהם
בהדרגה יותר ויותר

173
00:08:01,110 --> 00:08:01,710
כותרות.

174
00:08:01,710 --> 00:08:04,360
והם מקבלים קטנים יותר ו
קטן יותר וקטן יותר ויותר.

175
00:08:04,360 --> 00:08:07,690
אז יש לנו כותרת ברמה עליונה, שני
כותרת ברמה, וכן הלאה, וכן הלאה.

176
00:08:07,690 --> 00:08:10,480
>> בואו נסתכל אולי קצת
תגי P וכמה תגי כותרת

177
00:08:10,480 --> 00:08:13,110
בפעולה בדף אינטרנט.

178
00:08:13,110 --> 00:08:18,180
אז הנה בIDE שלי יש לי קובץ שנקרא
HTML נקודת PH, פסקאות להיות PH

179
00:08:18,180 --> 00:08:18,970
ותגי כותרת.

180
00:08:18,970 --> 00:08:20,709
פתח שעד.

181
00:08:20,709 --> 00:08:23,000
יש הרבה קורה כאן
כי אני כבר לשים כמה ורם

182
00:08:23,000 --> 00:08:24,660
לורם, חלק מטקסט פשוט אקראי כאן.

183
00:08:24,660 --> 00:08:27,284
אז אני להקטין את תצוגה קצת
בגלל שיש כל כך הרבה קורה.

184
00:08:27,284 --> 00:08:31,980
אבל שם לב שיש לי במאוד
ראש הדף כאן יש לי H1, רמה אחת,

185
00:08:31,980 --> 00:08:32,802
תג כותרת.

186
00:08:32,802 --> 00:08:36,010
אז יש לי סעיף, שהוא רק
חבורה של ורם text-- האקראי ipsum--

187
00:08:36,010 --> 00:08:38,720
רק ברירת מחדל מילוי סטנדרטי בטקסט.

188
00:08:38,720 --> 00:08:41,970
אז יש לי שני סעיפים בתוך ש
כותרת ברמה אחת ולאחר מכן למטה אני

189
00:08:41,970 --> 00:08:46,850
יש לי רמת שתי כותרת כאן בקו 24,
כותרת שנייה ברמה, ועוד שתיים

190
00:08:46,850 --> 00:08:47,840
סעיפים.

191
00:08:47,840 --> 00:08:51,910
ובכן מה זה נראה כמו
אם אני רואה את זה בתצוגה המקדימה שלי?

192
00:08:51,910 --> 00:08:53,790
בוא נראה.

193
00:08:53,790 --> 00:08:55,730
>> אז שם לב ש
כותרת ברמה ראשונה כאן

194
00:08:55,730 --> 00:08:58,420
הוא למעשה די קצת יותר גדול
מהכותרת ברמה השנייה.

195
00:08:58,420 --> 00:08:59,940
אז השתמשנו תגי H1.

196
00:08:59,940 --> 00:09:03,820
ושים לב שתגי P יאפשר לנו
לשבור דברים החוצה אל סעיפים.

197
00:09:03,820 --> 00:09:07,500
אם היינו נפטרתי מתגי P אלה
ובעצם רק לשים נכנס או חזרות

198
00:09:07,500 --> 00:09:10,110
בין מה שקיוויתי ש
להיות סעיפים השונים,

199
00:09:10,110 --> 00:09:13,193
הם היו כל פשוט לטרוק יחד ו
זה לא היה סעיף זה נחמד

200
00:09:13,193 --> 00:09:15,840
הפרדה עם החלל מעל ומתחת.

201
00:09:15,840 --> 00:09:18,300
ואז זה מה שסעיף
תגים ותגי כותרת

202
00:09:18,300 --> 00:09:22,440
משמשים בדרך כלל כדי לעשות לצייר
תשומת לב לחלקים של דף האינטרנט שלנו

203
00:09:22,440 --> 00:09:23,550
בדרך הזו.

204
00:09:23,550 --> 00:09:27,560
>> עד הבא כמה תגים שאנו משתמשים בי
לבנות רשימות בדף האינטרנט שלנו.

205
00:09:27,560 --> 00:09:30,820
אז יש לנו לא מסודרת
lists-- ULs-- שהם פשוט

206
00:09:30,820 --> 00:09:34,090
רשימות עם תבליטים, הורה
רשימה שהם numbered--

207
00:09:34,090 --> 00:09:37,680
OLs-- ובתוך שני
אחד מאותם אנחנו צריכים

208
00:09:37,680 --> 00:09:40,600
סטים של איך מצביע פריטי רשימה, LI.

209
00:09:40,600 --> 00:09:44,370
ולכן יש לנו תג UL פתוח
ואנחנו שמים את הפריטים בתוכו.

210
00:09:44,370 --> 00:09:46,920
ואז, כשסיימנו עם
ש, אנחנו יכולים לסגור את תג UL.

211
00:09:46,920 --> 00:09:49,850
>> ובאופן דומה יכול להיות לנו
רשימה מסודרת או ממוספרת

212
00:09:49,850 --> 00:09:51,560
ולשים פריטי רשימה פנימית של ש.

213
00:09:51,560 --> 00:09:53,350
אז בואו נסתכל
בכמה רשימות

214
00:09:53,350 --> 00:09:57,230
ומה שהיה עושה
לדקלם כמו בIDE CS50.

215
00:09:57,230 --> 00:10:00,640
אז יש לי כאן בIDE שלי
רשימות בשם קובץ dot HTML.

216
00:10:00,640 --> 00:10:03,100
בואו נסתכל.

217
00:10:03,100 --> 00:10:08,482
>> והודעה כאן יש לי לא מסודרת
רשימה עם חמישה דברים בזה.

218
00:10:08,482 --> 00:10:11,440
ואז יש לי רשימה מסודרת, ו
אני כבר שיניתי את התג קצת,

219
00:10:11,440 --> 00:10:11,939
נכון?

220
00:10:11,939 --> 00:10:13,152
אני כבר אמרתי ההתחלה שווה שש.

221
00:10:13,152 --> 00:10:16,110
מתברר שברשימה מסודרת
ניתן להגדיר את נקודת התחלה בכל מקום

222
00:10:16,110 --> 00:10:20,130
אני want-- כברירת מחדל זה יהיה one--
רק על ידי הוספת תכונה שנקרא זה

223
00:10:20,130 --> 00:10:21,190
לתג OL שלי.

224
00:10:21,190 --> 00:10:23,572
וכך רשימה זו
מתחיל לספור בשש.

225
00:10:23,572 --> 00:10:26,780
אז האלמנטים של שהרשימה הממוספרת
צריך להיות שש, שבע, שמונה, תשע, עשר,

226
00:10:26,780 --> 00:10:29,930
בגלל שיש חמישה אלמנטים
ברשימה, בניגוד לאחד,

227
00:10:29,930 --> 00:10:33,770
שתיים, שלוש, ארבעה, חמש, ש
יהיה המקרה אם הייתי אומר OL

228
00:10:33,770 --> 00:10:36,730
מבלי לציין את תכונת ההתחלה.

229
00:10:36,730 --> 00:10:41,594
>> אז אנחנו פשוט לצפות בתצוגה מקדימה זה כדי שתוכל
לקבל תחושה על מה שקורה כאן.

230
00:10:41,594 --> 00:10:42,260
ויש לנו ללכת.

231
00:10:42,260 --> 00:10:44,610
יש הרשימה שלי.

232
00:10:44,610 --> 00:10:47,810
חמישה האלמנטים הראשונים הם
רשימות לא מסודרות או תבליטים.

233
00:10:47,810 --> 00:10:51,010
וחמישה האלמנטים הבאים
היא רשימה מסודרת נפרדת

234
00:10:51,010 --> 00:10:52,980
החל משישה.

235
00:10:52,980 --> 00:10:56,247
אז ככה שאנחנו יכולים
לבנות רשימות באמצעות HTML.

236
00:10:56,247 --> 00:10:58,080
דבר נוסף שאולי
רוצה לעשות עם HTML

237
00:10:58,080 --> 00:11:01,520
הוא לבנות שולחן של
מידע של שורות ועמודות

238
00:11:01,520 --> 00:11:04,560
להציג מידע ב
במיוחד מאורגן דרך.

239
00:11:04,560 --> 00:11:09,110
כדי לעשות זאת עם ה- HTML יכול להיות לנו
הגדרת שולחן מתחילה הסוגר פתוח

240
00:11:09,110 --> 00:11:10,160
שולחן.

241
00:11:10,160 --> 00:11:14,680
ואז בתוך השולחן ש
אולי יש לי קבוצה של שורות, תגי TR

242
00:11:14,680 --> 00:11:15,980
כדי לציין כל שורה.

243
00:11:15,980 --> 00:11:22,510
ולאחר מכן תגי TD ללכת בתוך תגי TR
כדי לציין עמודה בתוך שורה.

244
00:11:22,510 --> 00:11:24,340
>> למה זה נקרא TD ולא TC?

245
00:11:24,340 --> 00:11:25,940
ובכן, TD עומד לנתוני טבלה.

246
00:11:25,940 --> 00:11:27,900
בדרך כלל אתה שם את
המידע שלך שם.

247
00:11:27,900 --> 00:11:29,440
אז בגלל זה זה TC TD ולא.

248
00:11:29,440 --> 00:11:31,140
זה קצת מבלבל.

249
00:11:31,140 --> 00:11:33,720
>> אז יש לך תגי שולחן ו
בתוך תגי השולחן שלך

250
00:11:33,720 --> 00:11:35,600
יש לך מספר השורות, TRs.

251
00:11:35,600 --> 00:11:40,030
ובתוך כל שורה יש לך
TDS למספר העמודות

252
00:11:40,030 --> 00:11:42,880
כי אתה רוצה להיות
בשורה מסוימת.

253
00:11:42,880 --> 00:11:47,730
בואו נסתכל מאוד
טבלה פשוטה יותר בIDE CS50.

254
00:11:47,730 --> 00:11:49,730
>> אז יש לי כאן קובץ
נקרא נקודת HTML שולחן.

255
00:11:49,730 --> 00:11:53,390
בואו נסתכל על
מה שנראה כמו.

256
00:11:53,390 --> 00:11:56,225
יש הרבה קורה כאן אבל
אם אתה שם לב שיש לי שולחן פתוח.

257
00:11:56,225 --> 00:11:57,850
אני מתחיל את ההגדרה עם שולחן.

258
00:11:57,850 --> 00:12:02,100
ולאחר מכן בשורה הראשונה שלי אני כנראה
יש ארבע עמודות, אחת, שתיים, שלוש,

259
00:12:02,100 --> 00:12:02,660
ארבעה.

260
00:12:02,660 --> 00:12:04,290
ואז אני גמרתי עם שורה ש.

261
00:12:04,290 --> 00:12:07,750
>> ואז אני מתחיל שורה אחרת ו
לעשות שני, ארבעה, שש, שמונה.

262
00:12:07,750 --> 00:12:08,850
לסיים שורה ש.

263
00:12:08,850 --> 00:12:11,410
האם שורה נוספת, שלוש, שש, תשע, 12.

264
00:12:11,410 --> 00:12:14,830
ואז שורה האחרונה, ארבעה,
שמונה, 12, ולמרות שזה

265
00:12:14,830 --> 00:12:16,560
קצת מנותק כאן, 16.

266
00:12:16,560 --> 00:12:17,710
>> סיימתי שורה ש.

267
00:12:17,710 --> 00:12:18,970
סיימתי את השולחן.

268
00:12:18,970 --> 00:12:21,430
ואז אני גמרתי עם HTML שלי.

269
00:12:21,430 --> 00:12:22,590
מה זה נראה?

270
00:12:22,590 --> 00:12:26,014

271
00:12:26,014 --> 00:12:27,430
ובכן, זה לא באמת הרבה מה לראות.

272
00:12:27,430 --> 00:12:31,690
ברור שארגנתי את המידע שלי
בדרך קצת יותר מאורגנת.

273
00:12:31,690 --> 00:12:33,755
אבל זה לא סופר די כאן.

274
00:12:33,755 --> 00:12:36,130
ואנחנו הולכים להתמודד עם
כי כאשר אנו מדברים על CSS.

275
00:12:36,130 --> 00:12:38,930
אנחנו לבקר את הרעיון הזה של
מה שאנחנו עושים כדי להפוך את table--

276
00:12:38,930 --> 00:12:41,260
אולי לעצב קצת יותר טוב זה?

277
00:12:41,260 --> 00:12:45,070
אבל עדיין יש לי ארבע שורות,
כל אחד מהם יש לו ארבעה עמודים,

278
00:12:45,070 --> 00:12:48,890
ובאמת מה זה מסתכם הוא
ארבעה על ידי פשוט מאוד ארבעה כפל

279
00:12:48,890 --> 00:12:49,870
שולחן.

280
00:12:49,870 --> 00:12:51,690
>> רק עוד כמה תגים נדבר על.

281
00:12:51,690 --> 00:12:54,617
בואו נדבר על
רעיון של טופס HTML.

282
00:12:54,617 --> 00:12:57,450
אז אתה יכול לראות את זה ב
הקשר של כניסה לדף אינטרנט.

283
00:12:57,450 --> 00:12:59,100
בדרך כלל אתה מקליד את שם המשתמש שלך.

284
00:12:59,100 --> 00:13:01,510
אתה מקליד הסיסמה שלך,
ואתה טוב ללכת.

285
00:13:01,510 --> 00:13:04,170
זה יהיה תחילתו של טופס.

286
00:13:04,170 --> 00:13:05,420
>> מדלג על div שני.

287
00:13:05,420 --> 00:13:07,987
יש לנו גם תשומות ש
סוג של להתאים בתוך צורות.

288
00:13:07,987 --> 00:13:10,320
אלה הם האלמנטים ש
אתה בעצם הקלדה,

289
00:13:10,320 --> 00:13:12,580
או כפתורי הרדיו אתה
מתקתק, או ההמחאה

290
00:13:12,580 --> 00:13:14,310
תיבות שאתה מתקתק משם.

291
00:13:14,310 --> 00:13:15,770
אז אלה להיכנס פנימה של צורות.

292
00:13:15,770 --> 00:13:18,500
והם מהווים בעצם
כל שורה של הטופס

293
00:13:18,500 --> 00:13:19,887
אם הטופס שלך מעוצב היטב.

294
00:13:19,887 --> 00:13:22,220
ואז יש את המושג הזה של
div, שלא ממש

295
00:13:22,220 --> 00:13:25,060
מתאים לקטגוריה מסוימת
תגים כמו אלה שיש לי

296
00:13:25,060 --> 00:13:26,170
עשה בעבר.

297
00:13:26,170 --> 00:13:29,790
זה פשוט סוג של תוחם
תחילתו של division-- השרירותי

298
00:13:29,790 --> 00:13:31,670
div-- של הדף.

299
00:13:31,670 --> 00:13:33,210
אין הפסקה חזותית.

300
00:13:33,210 --> 00:13:34,800
אין קו.

301
00:13:34,800 --> 00:13:37,180
זה לא יצא כ
נתח נפרד באופן אוטומטי.

302
00:13:37,180 --> 00:13:39,430
היית צריך לעצב אותו
שהדרך לעשות את זה.

303
00:13:39,430 --> 00:13:42,110
>> זה פשוט סוג של אומר שאני רוצה
פיסת המקום בדף האינטרנט שלי,

304
00:13:42,110 --> 00:13:45,190
ואני רק הולך לקרוא
זה חלוקה זו בדף שלי.

305
00:13:45,190 --> 00:13:47,619
אנחנו יכולים לשים את הדברים בתוך
של divs, ולמעשה,

306
00:13:47,619 --> 00:13:49,410
כאשר אנו מעל הראש
IDE בשני, אנחנו

307
00:13:49,410 --> 00:13:53,760
רואה שאני שם אותי
יוצר בתוך div.

308
00:13:53,760 --> 00:13:57,050
>> אז יש לי כאן בIDE שלי
קובץ שנקרא נקודת טופס HTML div.

309
00:13:57,050 --> 00:13:59,260
בואו לפתוח אותו.

310
00:13:59,260 --> 00:14:01,460
שים לב כי כמו שאמרתי,
div הוא סוג של שרירותי.

311
00:14:01,460 --> 00:14:01,640
נכון?

312
00:14:01,640 --> 00:14:02,973
זה לא ממש אומר שום דבר.

313
00:14:02,973 --> 00:14:05,140
אז יש לי שרירותי
הליגה ראשונה בדף שלי.

314
00:14:05,140 --> 00:14:07,848
ואז במקום div אחר
בשלב מאוחר יותר, החל בקו שמונה,

315
00:14:07,848 --> 00:14:08,730
יש לי טופס זה.

316
00:14:08,730 --> 00:14:13,594
ובתוך הצורה יש לי
מספר הכניסות, שדות של הטופס.

317
00:14:13,594 --> 00:14:16,510
אז יש לי שדה ששמו זה--
שלא ממש אומר שום דבר

318
00:14:16,510 --> 00:14:19,350
now-- תקין שככל הנראה
לוקח טקסט, עוד אחד ש

319
00:14:19,350 --> 00:14:22,630
לוקח את הסיסמה, אחר זה רדיו
כפתור, אחר זה תיבת סימון,

320
00:14:22,630 --> 00:14:24,797
ועוד זה כפתור שליחה.

321
00:14:24,797 --> 00:14:26,630
ובכן, מה שעושה את זה
כל בעצם נראה?

322
00:14:26,630 --> 00:14:27,629
ובכן, בואו נסתכל.

323
00:14:27,629 --> 00:14:31,010
אנחנו תפתחו אותו בחלון התצוגה המקדימה שלנו.

324
00:14:31,010 --> 00:14:33,557
שים לב שזה שרירותי
division-- הראשון יש

325
00:14:33,557 --> 00:14:34,640
אין הפרדה ויזואלית כאן.

326
00:14:34,640 --> 00:14:37,150
זה לא באמת לעשות משהו, נכון?

327
00:14:37,150 --> 00:14:38,220
>> ואז יש לי טופסי.

328
00:14:38,220 --> 00:14:39,890
ואני לא עשיתי שום עיצוב מיוחד.

329
00:14:39,890 --> 00:14:42,680
אז הצורה היא רק אחד
שורה גדולה של מידע.

330
00:14:42,680 --> 00:14:46,424
אם הייתי מעוצב הצורה שלי בצורה שונה,
אולי יש לי אותו השורה אחרת שורה אחרת שורה.

331
00:14:46,424 --> 00:14:47,590
אבל אני לא עשיתי את כל הסטיילינג.

332
00:14:47,590 --> 00:14:49,256
שוב, אנחנו לא מדברים על CSS כאן.

333
00:14:49,256 --> 00:14:51,030
אנחנו רק מדברים על HTML.

334
00:14:51,030 --> 00:14:53,980
>> ובכן בצורת הטקסט שלי אני יכול type--
זכור כי צורות של טקסט הסוג

335
00:14:53,980 --> 00:14:55,480
אז אני יכול לשים את השם שלי.

336
00:14:55,480 --> 00:14:57,330
ובאני את הסיסמה שלי
ניתן להקליד את הסיסמה שלי.

337
00:14:57,330 --> 00:14:59,740
ומכיוון ששדה ש
הוא סיסמת סוג,

338
00:14:59,740 --> 00:15:01,470
אתה לא יודע מה היא הסיסמה שלי.

339
00:15:01,470 --> 00:15:02,800
זה כל הנקודות.

340
00:15:02,800 --> 00:15:09,140
>> אני יכול גם לבחור סמן את
כפתור רדיו או סמן את תיבת סימון.

341
00:15:09,140 --> 00:15:10,420
או שאני יכול לשלוח טופסי.

342
00:15:10,420 --> 00:15:11,810
ואני לא עשיתי שום דבר,
ולכן כאשר אני מגיש טופסי,

343
00:15:11,810 --> 00:15:13,090
הדף רק מרענן.

344
00:15:13,090 --> 00:15:16,970
אבל אני יכול אולי להגדירי
שלח כפתור לעשות משהו אחר.

345
00:15:16,970 --> 00:15:20,410
ונראה מה אנחנו יכולים לעשות עם
כי בעתיד וידאו על PHP.

346
00:15:20,410 --> 00:15:22,520
אבל זה בונה מאוד
טופס פשוט ש

347
00:15:22,520 --> 00:15:27,360
יכול להשתמש בו כדי למשתמשי אינטראקציה ו
שלח את הפרטים לאתר שלנו.

348
00:15:27,360 --> 00:15:29,620
>> התגובה האחרונה לפני ש
לעבור לכמה תגים אחרים

349
00:15:29,620 --> 00:15:32,040
הם להעיף מבט בזה
קלט תג עוד פעם אחת.

350
00:15:32,040 --> 00:15:35,760
שים לב שאני כבר מודגש
הקצוות של התג בצבע אדום.

351
00:15:35,760 --> 00:15:39,390
לכל תג אחר שראינו עד כה
היה לו התחלה וסוף, פתיחה

352
00:15:39,390 --> 00:15:41,030
תג ותג סוגר.

353
00:15:41,030 --> 00:15:42,520
>> אבל תג קלט לא.

354
00:15:42,520 --> 00:15:46,860
אין טקסט שהולך
בין תגי קלט.

355
00:15:46,860 --> 00:15:49,160
כל המידע
אנחנו מתכוונים להעביר

356
00:15:49,160 --> 00:15:52,640
כרוך כחלק מ
תכונות של קלט ש.

357
00:15:52,640 --> 00:15:54,690
שים לב שיש לנו שם קלט שווה x.

358
00:15:54,690 --> 00:15:55,580
סוג שווה y.

359
00:15:55,580 --> 00:15:57,660
זה באמת כל מה
מידע שאנחנו צריכים.

360
00:15:57,660 --> 00:15:59,470
>> זה נקרא תג סגירה עצמית.

361
00:15:59,470 --> 00:16:02,470
היא אינה דורשת פתיחה ו
קרוב כי כל המידע

362
00:16:02,470 --> 00:16:04,974
הוא הכיל בתוך
תג ותכונותיו.

363
00:16:04,974 --> 00:16:06,390
אז לפעמים אתה רואה את זה, גם.

364
00:16:06,390 --> 00:16:10,400
כל כך פשוט להיות מודע לכך שאם יש לך
תג שהוא לגמרי עצמאי,

365
00:16:10,400 --> 00:16:14,170
הוא פותח וסוגר את עצמו עם
הסוגר הזווית הפתוח בצד השמאל

366
00:16:14,170 --> 00:16:17,000
והזווית הנטוי
הסוגר בצד הימין.

367
00:16:17,000 --> 00:16:20,580
אנחנו תראו עוד אחד מאותם
גם עכשיו עם תגי תמונה.

368
00:16:20,580 --> 00:16:23,300
>> לפני שנידבר על תמונות, ש
צריך לדבר על קישורים.

369
00:16:23,300 --> 00:16:26,080
אם אנחנו רוצים דף האינטרנט שלנו להיות
אינטראקטיבי ולהעביר אותנו מסביב,

370
00:16:26,080 --> 00:16:28,121
זה יהיה נחמד להיות מסוגל
ללחוץ על אחד מאותם

371
00:16:28,121 --> 00:16:30,190
מה בדרך כלל היה קישור כחול.

372
00:16:30,190 --> 00:16:34,440
זהו למעשה איך אנחנו בונים
קישור בדף האינטרנט שלנו.

373
00:16:34,440 --> 00:16:36,540
ומעניין מספיק
יש תג HTML אחר

374
00:16:36,540 --> 00:16:39,000
בשם קישור, שאינו קישור.

375
00:16:39,000 --> 00:16:44,130
כאן עומד לעוגן, ו
ככה אנחנו מצביעים קישור.

376
00:16:44,130 --> 00:16:49,150
>> Href שווה אמצעי x ללכת ל
X. דף האינטרנט וכל מה ש

377
00:16:49,150 --> 00:16:51,580
בין פתוח תג
וקרוב תג

378
00:16:51,580 --> 00:16:56,010
זה מה שהולך להיות שהדגיש
טקסט כחול שנראה כמו קישור

379
00:16:56,010 --> 00:16:57,590
שאנחנו מכירים.

380
00:16:57,590 --> 00:17:01,660
מתחת לזה יש לנו תג תמונה, ש
הוא עצמי סגירת תג להצגה

381
00:17:01,660 --> 00:17:05,599
ותמונה ממוקמת בX.
ייתכן שתוכל לשנות

382
00:17:05,599 --> 00:17:08,280
תמונה שעל ידי ציון
רוחב וגובה

383
00:17:08,280 --> 00:17:11,640
ותכונות אחרות ב
שנקודת נקודת הנקודה שם.

384
00:17:11,640 --> 00:17:14,260
>> בתחתית מאוד כאן
יש לנו מאוד מעניין

385
00:17:14,260 --> 00:17:16,170
מחפש תג שלא
יש תג סוגר.

386
00:17:16,170 --> 00:17:19,410
זה HTML DOCTYPE סימן הקריאה.

387
00:17:19,410 --> 00:17:23,300
אז HTML כבר בסביבות מאז
תחילת 1990 לבניית דפי אינטרנט,

388
00:17:23,300 --> 00:17:25,859
וזה נעלם עבר
כמה תיקונים מאז.

389
00:17:25,859 --> 00:17:28,550
לאחרונה בשינה 2014
זה עבר תיקון

390
00:17:28,550 --> 00:17:33,440
בשם HTML5 שנמצא עכשיו הנוכחי
סוג של דה-פקטו תקן HTML.

391
00:17:33,440 --> 00:17:36,730
>> כדי לציין שהאינטרנט שלנו
דפים כתובים באמצעות HTML5,

392
00:17:36,730 --> 00:17:38,160
ככה אנחנו מתחילים.

393
00:17:38,160 --> 00:17:40,380
אבל יכול להיות מושמט זה
מה שבעצם

394
00:17:40,380 --> 00:17:45,930
אמצעים הוא שאתה לא יכול להשתמש בכל התגים
כי הם תגי HTML5, תגים החדשים אלה.

395
00:17:45,930 --> 00:17:48,591
אז אנחנו תמיד להתחיל
אם אנחנו משתמשים ב- HTML5.

396
00:17:48,591 --> 00:17:51,340
וכל התגים שדיברנו על
הם בעבר לא תגי HTML5.

397
00:17:51,340 --> 00:17:55,470
אבל זה היה מציין כי
תגי HTML5 יהיו נוכחים.

398
00:17:55,470 --> 00:17:58,400
ולכן יש לנו קריאה
DOCTYPE HTML, ש

399
00:17:58,400 --> 00:18:01,280
הוא בתחילת מאוד שלנו
קובץ HTML, ולאחר מכן לאחר נקודה ש

400
00:18:01,280 --> 00:18:04,930
למעשה יש לנו HTML שלנו פתוח
לתייג ולהמשיך משם.

401
00:18:04,930 --> 00:18:10,050
>> האחרון הוא תג תגובה,
שנראה מעט שונה, מדי.

402
00:18:10,050 --> 00:18:12,810
זה מתחיל עם זווית
מקף קריאת הסוגר

403
00:18:12,810 --> 00:18:15,220
מקף אבל אין הסוגר סגירה.

404
00:18:15,220 --> 00:18:20,150
בין אלה שני אלמנטים יש
המקום שבו אתה כותב את ההערות שלך.

405
00:18:20,150 --> 00:18:28,420
ובואו נסתכל על תמונות
והערות וקישורים בIDE CS50.

406
00:18:28,420 --> 00:18:32,850
>> אז יש לי כאן קישור קובץ תמונה בשם
הנקודה HTML שאני הולך לפתוח.

407
00:18:32,850 --> 00:18:36,420
ושימו לב שיש לי כמה
תגובות כאן בהערות HTML שלי.

408
00:18:36,420 --> 00:18:38,990
אז בדיוק כמו ב- C ואחר
שפות תכנות,

409
00:18:38,990 --> 00:18:43,169
HTML פשוט על ידי כך ששפת סימון
יש לי אין את היכולת יש הערות.

410
00:18:43,169 --> 00:18:45,710
ואז אני כנראה הולך
מקום תמונה של ריק אסטלי

411
00:18:45,710 --> 00:18:49,060
איפשהו בין div זה
תג, החלוקה שרירותית זו.

412
00:18:49,060 --> 00:18:51,497
כנראה הקובץ שנמצא
ממוקם בריק הנקודה JPEG, ש

413
00:18:51,497 --> 00:18:53,580
אם אנחנו חוזרים אל
עץ הקובץ שלי לשנייה,

414
00:18:53,580 --> 00:18:55,490
מקורו של קובץ שקיים ב
הספרייה הנוכחית.

415
00:18:55,490 --> 00:18:56,031
אז זה בסדר.

416
00:18:56,031 --> 00:18:57,710
אני יכול להפנות אותו.

417
00:18:57,710 --> 00:18:59,680
>> אז אני יכול להיות קישורים פנימיים.

418
00:18:59,680 --> 00:19:05,080
אז שם לב בקו 11 כאן
href הוא שלום הנקודה HTML.

419
00:19:05,080 --> 00:19:09,050
כך שרק מתייחס לשלום הנקודה HTML
אשר קיים בספרייה הנוכחית.

420
00:19:09,050 --> 00:19:12,980
ואני גם יכול להיות חיצוני
קישורים רק על ידי ציון HTTPS

421
00:19:12,980 --> 00:19:16,180
כדי לציין שאני לא מדבר
על קובץ בספרייה הנוכחית שלי.

422
00:19:16,180 --> 00:19:19,730
על קובץ שקיים אני מדבר
אי שם באינטרנט, שיש לי

423
00:19:19,730 --> 00:19:23,370
לבקש באמצעות פרוטוקול HTTP.

424
00:19:23,370 --> 00:19:25,990
>> אז בואו נסתכל על מה ש
דף זה עשוי להיראות כמו

425
00:19:25,990 --> 00:19:29,500
ולהתכונן לתמונה של ריק
אסטלי להופיע על המסך שלך.

426
00:19:29,500 --> 00:19:31,490
אז אני תצוגה זו.

427
00:19:31,490 --> 00:19:33,800
יש ריק אסטלי ב
מאוד עליון בזה שרירותי

428
00:19:33,800 --> 00:19:35,008
חטיבה שמתי אותו בראש.

429
00:19:35,008 --> 00:19:36,960
ואז למטה אני
יש קישורים שלי, נכון?

430
00:19:36,960 --> 00:19:39,330
>> יש לי קישור לשלום הנקודה HTML.

431
00:19:39,330 --> 00:19:42,860
ואם אני לוחץ על זה, אני מקבל
עברתי לדף זה

432
00:19:42,860 --> 00:19:47,050
שאנחנו מכירים היטב מ
תחילתה של התכנית שלנו.

433
00:19:47,050 --> 00:19:50,880
אם אני פופ שדף פתוח שוב, אם אני
קישור תמונת פופ לפתוח עוד פעם אחת,

434
00:19:50,880 --> 00:19:54,420
אני יכול גם ללכת חיצוני
לאתר האינטרנט של CS50.

435
00:19:54,420 --> 00:19:56,740
ויש לנו see-- אני יהיה
להקטין את התצוגה קצת כאן--

436
00:19:56,740 --> 00:20:00,260
אנו רואים סוג של אתר האינטרנט של CS50
משובץ באמצע הדף שלנו.

437
00:20:00,260 --> 00:20:04,670
אז אני היה מסוגל לעשות פנימי
לקשר, כמו גם קישור חיצוני.

438
00:20:04,670 --> 00:20:07,200
>> הכלל האחרון עם HTML ש
אנחנו הולכים לדבר עליו כאן

439
00:20:07,200 --> 00:20:09,510
הוא שה- HTML שלך צריך להיות בנוי היטב.

440
00:20:09,510 --> 00:20:13,020
בC דיברנו הרבה על
התחביר השונים של דברים.

441
00:20:13,020 --> 00:20:17,650
ב- HTML התחביר באמת
סובב סביב תגים.

442
00:20:17,650 --> 00:20:19,660
כל תג שאתה פותח צריך להיות סגור.

443
00:20:19,660 --> 00:20:22,630
ולמעשה, כל תג שאתה פותח
צריך להיות סגור בבסדר הפוך.

444
00:20:22,630 --> 00:20:25,790
>> אז אם אתה פותח תג נועז, נטוי
תג, ולאחר מכן תג קו תחתון

445
00:20:25,790 --> 00:20:28,120
לעשות את כל שלושה ל
קבוצה מסוימת של טקסט,

446
00:20:28,120 --> 00:20:30,070
אתה צריך לסגור אותם בסדר הפוך.

447
00:20:30,070 --> 00:20:32,270
אז אם אתה פתחת נועז,
נטוי, קו תחתון, ש

448
00:20:32,270 --> 00:20:35,240
רוצה לסגור קו תחתון, נטוי, מודגש.

449
00:20:35,240 --> 00:20:39,990
זה סוג של אנקפסולציה הוא מה
שומר HTML נחמד ומאורגן.

450
00:20:39,990 --> 00:20:44,370
>> שלא כמו C, אם כי, שגיאות תחביר לא תהיה
למעשה לשבש HTML שלך אולי.

451
00:20:44,370 --> 00:20:48,730
HTML שלך עשוי להיות לא טוב
נוצר אך עדיין עובד.

452
00:20:48,730 --> 00:20:50,589
וכך טעויות אלה
ניתן למיין של שקופיות על ידי.

453
00:20:50,589 --> 00:20:52,130
זה תלוי בך באמת להיות ערני.

454
00:20:52,130 --> 00:20:54,760
לפעמים הם ייכשלו אבל
לפעמים אתה יכול לצאת מזה.

455
00:20:54,760 --> 00:20:56,509
>> זה יכול להיות באמת
משימה קשה, אם כי,

456
00:20:56,509 --> 00:21:00,660
כדי לעקוב אחר כאשר פתחת
תג, כאשר סגרת אותו,

457
00:21:00,660 --> 00:21:04,110
במיוחד כHTML שלך
קבצים לקבל גדולים יותר ויותר.

458
00:21:04,110 --> 00:21:05,490
אתה רוצה קצת עזרה.

459
00:21:05,490 --> 00:21:07,560
ויש באינטרנט
כלים validator ש

460
00:21:07,560 --> 00:21:11,474
יכול להשתמש בו כדי להעיף מבט באתר שלך
דף ולראות אם זה גם בתבנית HTML.

461
00:21:11,474 --> 00:21:13,390
ואתה בהחלט צריך
תסתכל על אלה

462
00:21:13,390 --> 00:21:16,620
ולהתחיל להשתמש בם כמו שאתה
להתחיל לעשות קצת עבודה עם HTML,

463
00:21:16,620 --> 00:21:20,800
כתיבת HTML, רק כדי שתקבל
כמה הרגלים טובים על ארגון

464
00:21:20,800 --> 00:21:24,377
HTML שלך בצורה טובה ו
סגנון טוב ולוודא

465
00:21:24,377 --> 00:21:27,210
שאתה לא עושה שום דבר ש
יכול ליצור שגיאת תחביר ש

466
00:21:27,210 --> 00:21:30,270
יגרום לך קצת
בעיה בהמשך הדרך.

467
00:21:30,270 --> 00:21:31,190
>> אני דאג לויד.

468
00:21:31,190 --> 00:21:33,450
זה CS50.

469
00:21:33,450 --> 00:21:34,859