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

2
00:00:06,100 --> 00:00:08,790
>> DOUG لويد: لذا قضينا
about-- إذا الرياضيات بلدي هو الحق،

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 هي لغة ترميز النصوص التشعبية.

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 لدي
ملف يسمى BIU نقطة HTML.

146
00:06:43,390 --> 00:06:46,770
BIU نقطة 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
النص في بين I
به هو في الواقع الآن مائل.

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
انها ليست كافية لمجرد
هاهنا وترك مسافات،

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 لدي ملف يسمى
PH نقطة HTML، 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
لذلك ليس لدي فقرتين داخل ذلك
رأس مستوى واحد ثم الأسفل I

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 ل
ملف يسمى قوائم دوت 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
I want-- افتراضيا سيكون احدا--
فقط عن طريق إضافة هذا ما يسمى السمة

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
ولهذا السبب فإنه من TD ولا TC.

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
>> تخطي أكثر من فرقة المشاة الثانية.

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
ثم هناك هذا المفهوم من
وشعبة، والتي لا حقا

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
نرى أن أضع بلدي
تشكيل من داخل شعبة.

308
00:13:53,760 --> 00:13:57,050
>> لذلك ليس لدي هنا في بلدي IDE ل
ملف يسمى شعبة شكل نقطة HTML.

309
00:13:57,050 --> 00:13:59,260
دعونا فتحه.

310
00:13:59,260 --> 00:14:01,460
لاحظ أنه كما قلت،
شعبة هو نوع من التعسف.

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
لذلك ليس لدي حقل اسمه A--
والذي لا يعني شيئا

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
لاحظ لدينا اسم الدخل يساوي س.

358
00:15:54,690 --> 00:15:55,580
نوع يساوي ذ.

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
>> A HREF يساوي س سائل انتقل إلى
صفحة ويب اكس وكل شيء

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
انها تعجب DOCTYPE HTML.

387
00:17:19,410 --> 00:17:23,300
لذلك كان HTML حولها منذ
أوائل 1990s لبناء صفحات الويب،

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
في مكان ما بين هذه شعبة
العلامة، هذا التقسيم التعسفي.

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
ثم الأسفل I
لها صلات لي، أليس كذلك؟

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-- وسوف أكون
تصغير قليلا here--

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
وهناك على الانترنت
أدوات المصادقة أنك

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