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

2
00:00:06,100 --> 00:00:08,790
>> डौग लॉयड: तो हम खर्च
about-- मेरी गणित सही है,

3
00:00:08,790 --> 00:00:11,900
और मुझे लगता है मुझे लगता है कि back-- देख लगता है
हम बात कर के बारे में 35 वीडियो बिताया

4
00:00:11,900 --> 00:00:15,139
शायद सी के विभिन्न पहलुओं के बारे में
एक छोटे से अधिक है, शायद एक छोटे से कम।

5
00:00:15,139 --> 00:00:16,930
और हम कवर नहीं किया
सी में सब कुछ है, लेकिन हम

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
अब हम बात करने जा रहे हैं
के बारे में एक और भाषा, एचटीएमएल।

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
आप पहले से ही ज्ञान
सी समझ से ऊपर का निर्माण

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
एचटीएमएल हाइपर टेक्स्ट मार्कअप भाषा है।

29
00:01:18,230 --> 00:01:22,700
एचटीएमएल एक भाषा है, लेकिन यह है
नहीं एक प्रोग्रामिंग भाषा।

30
00:01:22,700 --> 00:01:23,900
>> एचटीएमएल चर नहीं है।

31
00:01:23,900 --> 00:01:26,430
यह तर्क नहीं है या
कार्यों या ऐसा कुछ।

32
00:01:26,430 --> 00:01:30,301
हम किसी भी ऐसा नहीं कर सकते
एचटीएमएल में से प्रति प्रोग्रामिंग।

33
00:01:30,301 --> 00:01:32,300
कभी-कभी आप सुनेंगे
लोगों को खुद का वर्णन

34
00:01:32,300 --> 00:01:35,710
एचटीएमएल प्रोग्रामर, जो के रूप में
पूरी तरह से सही नहीं है।

35
00:01:35,710 --> 00:01:37,980
हम HTML कार्यक्रमों नहीं लिख सकते हैं।

36
00:01:37,980 --> 00:01:40,770
>> एचटीएमएल सिर्फ पाठ को चिह्नित करने के लिए प्रयोग किया जाता है।

37
00:01:40,770 --> 00:01:42,690
यह एक मार्कअप भाषा कहा जाता है।

38
00:01:42,690 --> 00:01:47,680
और यह इस markup-- does-- क्या
हम एचटीएमएल और इन 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
एचटीएमएल टैग के साथ सब कुछ घिरा।

46
00:02:11,480 --> 00:02:13,850
तो यह एक एचटीएमएल टैग की तरह दिखता है।

47
00:02:13,850 --> 00:02:15,870
यह कोण कोष्ठक के बीच है।

48
00:02:15,870 --> 00:02:18,570
और हम शीर्ष पर नोटिस
एचटीएमएल और बहुत नीचे,

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
तो उस तरह की सीमा है
एचटीएमएल क्या है और क्या नहीं है के बीच।

52
00:02:29,262 --> 00:02:32,220
और हां, पारंपरिक, बस
आप अपनी सी कार्यक्रमों के सभी लिखा था

53
00:02:32,220 --> 00:02:35,300
डॉट सी एक्सटेंशन के साथ,
अपने HTML फ़ाइलों के सभी

54
00:02:35,300 --> 00:02:37,909
डॉट एचटीएमएल एक्सटेंशन के साथ खत्म हो जाएगा।

55
00:02:37,909 --> 00:02:39,200
लेकिन यहाँ और अधिक चल रहा है वहाँ।

56
00:02:39,200 --> 00:02:40,658
हम सिर्फ ये टैग की जरूरत नहीं है।

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
इसलिए मैं अपने CS50 आईडीई में यहाँ हूँ और
मैं एक छोटा सा में तेजी से बढ़ी है।

75
00:03:35,970 --> 00:03:38,290
और मैं सिर्फ करने के लिए जा रहा हूँ
हैलो डॉट एचटीएमएल ऊपर खुला

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
>> और मैं ऐसा कर सकते हैं तो क्या मेरी
आईडीई बस पृष्ठ पूर्वावलोकन है।

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
अब मैं अपने एचटीएमएल इंडेंट किया है
वास्तव में अच्छा है और संगठित होना

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
जो वेब पेज बनाता है कि एचटीएमएल देखते हैं।

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
और एचटीएमएल बनाता है यह वास्तव में क्या देखते हैं।

131
00:05:57,700 --> 00:05:59,450
तो यह है कि एक सच है
एचटीएमएल सीखने के लिए अच्छा तरीका है,

132
00:05:59,450 --> 00:06:02,330
और मैं दृढ़ता से अनुशंसा करते हैं कि
आप इसे दोनों जानने के लिए करना एचटीएमएल

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
>> तो चलो एक पर एक नजर डालते हैं
आम एचटीएमएल टैग की जोड़ी।

138
00:06:14,080 --> 00:06:17,210
और हम कूद और पर एक नज़र रखेंगे
इन टैग भी प्रस्तुत करना होगा क्या

139
00:06:17,210 --> 00:06:20,490
मेरी आईडीई में कुछ फाइलों को देखकर के रूप में।

140
00:06:20,490 --> 00:06:26,330
तो यहाँ के लिए तीन बहुत ही बुनियादी टैग कर रहे हैं
पाठ के दृश्य उपस्थिति tweaking।

141
00:06:26,330 --> 00:06:29,050
बी टैग, मैं टैग, और यू टैग नहीं है।

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
तो चलो कि देखना होगा कि क्या देखते हैं
मेरी आईडीई में एक वास्तविक वेब पेज पर पसंद है।

145
00:06:40,430 --> 00:06:43,390
>> तो यहाँ मेरी आईडीई में मैं एक
BIU डॉट एचटीएमएल बुलाया फ़ाइल।

146
00:06:43,390 --> 00:06:46,770
BIU डॉट एचटीएमएल अभी की जा रही
बोल्ड, इटैलिक, रेखांकित।

147
00:06:46,770 --> 00:06:47,830
मैं इसे खोल देता हूँ।

148
00:06:47,830 --> 00:06:51,810
>> और हम मुझे लगता है कि यहां देखेंगे
इस पाठ बी टैग बोल्ड है।

149
00:06:51,810 --> 00:06:54,010
यह पाठ मैं टैग इटैलिक है।

150
00:06:54,010 --> 00:06:56,307
और इस पाठ यू टैग को रेखांकित किया है।

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
>> बी के बीच में पाठ
टैग वास्तव में अब बोल्ड है।

155
00:07:07,520 --> 00:07:10,720
मैं बीच में पाठ
टैग वास्तव में अब इटैलिक है।

156
00:07:10,720 --> 00:07:14,634
और यू के बीच में पाठ
टैग वास्तव में अब रेखांकित किया है।

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
यहां आम टैग की एक और जोड़ी हैं
पैरा टैग, पी, और शीर्षक टैग,

161
00:07:25,530 --> 00:07:27,980
जो मैं सेमी यहाँ के रूप में प्रदान की गई है।

162
00:07:27,980 --> 00:07:32,520
>> इन पी टैग, इन पैराग्राफ टैग,
पैराग्राफ में अपने पाठ को तोड़ने।

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
पी टैग का एक सेट में प्रत्येक enclosing द्वारा।

170
00:07:50,740 --> 00:07:54,560
>> और हम भी इन विकल्पों में है
एच टैग, इन शीर्षक टैग के लिए।

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
>> शायद कुछ पर एक नज़र रखना
पी टैग और कुछ शीर्षक टैग

177
00:08:10,480 --> 00:08:13,110
एक वेब पेज पर कार्रवाई में।

178
00:08:13,110 --> 00:08:18,180
तो यहाँ मेरी आईडीई में मैं नामक एक फाइल है
पीएच डॉट एचटीएमएल, पीएच जा रहा पैराग्राफ

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
Ipsum, यहाँ में कुछ बस यादृच्छिक पाठ।

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
और पी टैग हमें की अनुमति है कि नोटिस
पैराग्राफ में चीजें बाहर तोड़ने के लिए।

197
00:09:03,820 --> 00:09:07,500
हम उन पी टैग से छुटकारा मिल गया था
और वास्तव में सिर्फ डाल प्रवेश करती है या रिटर्न

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
, लाइट सूची आइटम इंगित करने के लिए कैसे के सेट।

209
00:09:40,600 --> 00:09:44,370
और इसलिए हम खुले उल टैग है
और हम इसे के अंदर आइटम डाल दिया।

210
00:09:44,370 --> 00:09:46,920
और फिर हम साथ कर रहे हैं जब
कि, हम उल टैग को बंद कर सकते हैं।

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
और क्या वे चाहते हैं
CS50 आईडीई पर के रूप में प्रस्तुत करना।

215
00:09:57,230 --> 00:10:00,640
इसलिए मैं अपने आईडीई एक में यहाँ है
फ़ाइल कहा सूचियों एचटीएमएल डॉट।

216
00:10:00,640 --> 00:10:03,100
चलो एक नज़र डालते हैं।

217
00:10:03,100 --> 00:10:08,482
>> और यहाँ नोटिस मैं एक unordered है
उस में पाँच चीजों के साथ सूची।

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
मैं यह one-- होगी डिफ़ॉल्ट रूप से want--
द्वारा सिर्फ इस तथाकथित विशेषता जोड़ने

223
00:10:20,130 --> 00:10:21,190
मेरी राजभाषा टैग करने के लिए।

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
दो, तीन, चार, पांच, जो
मैं राजभाषा ने कहा था कि यदि इस मामले की जाएगी

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
और फिर उस मेज के अंदर हम
पंक्तियाँ, टी.आर. टैग का एक सेट हो सकता है

242
00:11:14,680 --> 00:11:15,980
प्रत्येक पंक्ति से संकेत मिलता है।

243
00:11:15,980 --> 00:11:22,510
और फिर टीडी टैग टी.आर. टैग के अंदर जाना
एक पंक्ति के भीतर एक स्तंभ निर्दिष्ट करने के लिए।

244
00:11:22,510 --> 00:11:24,340
>> ऐसा क्यों है कि टीडी बुलाया और टीसी नहीं है?

245
00:11:24,340 --> 00:11:25,940
खैर, टीडी तालिका डेटा के लिए खड़ा है।

246
00:11:25,940 --> 00:11:27,900
आम तौर पर आप डाल रहे हैं
वहाँ आपकी जानकारी।

247
00:11:27,900 --> 00:11:29,440
यह टीडी और नहीं टीसी है तो यही कारण है।

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
आप पंक्तियों, टीआरएस के एक नंबर है।

251
00:11:35,600 --> 00:11:40,030
और प्रत्येक पंक्ति के अंदर आपके पास
स्तंभों की संख्या के लिए टीडीएस

252
00:11:40,030 --> 00:11:42,880
आप चाहते हैं कि
उस विशेष पंक्ति में।

253
00:11:42,880 --> 00:11:47,730
का एक बहुत पर एक नज़र रखना
CS50 आईडीई में अधिक सरल मेज।

254
00:11:47,730 --> 00:11:49,730
>> तो मैं यहाँ एक फ़ाइल है
तालिका डॉट एचटीएमएल बुलाया।

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
और हम से निपटने के लिए जा रहे हैं
हम सीएसएस के बारे में बात करते हैं कि।

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
हम के लिए सिर पर जब
एक दूसरे में आईडीई, हम करेंगे

307
00:13:49,410 --> 00:13:53,760
मैं डाल रहा हूँ कि वहाँ मेरी
एक div के अंदर के रूप में।

308
00:13:53,760 --> 00:13:57,050
>> इसलिए मैं अपने आईडीई एक में यहाँ है
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
फिर, हम यहाँ सीएसएस के बारे में बात नहीं कर रहे।

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
और हम हम साथ क्या कर सकते हैं देखेंगे
पीएचपी पर एक भविष्य वीडियो में उस।

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
प्रकार 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
और काफी दिलचस्प है
एक और एचटीएमएल टैग वहाँ

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 एक्स साधन करने के लिए जाने के बराबर होती है
वेब पेज एक्स और सब कुछ

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
एक्स में स्थित एक छवि और
आप को बदलने में सक्षम हो सकता है

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 एचटीएमएल है।

387
00:17:19,410 --> 00:17:23,300
तो एचटीएमएल के बाद से आसपास किया गया है
वेब पृष्ठों के निर्माण के लिए 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
अब वर्तमान है, जो एचटीएमएल 5 बुलाया
वास्तविक HTML मानक की तरह।

391
00:17:33,440 --> 00:17:36,730
>> संकेत मिलता है कि हमारी वेब
पृष्ठों, एचटीएमएल 5 का उपयोग कर लिखे गए हैं

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
इसका मतलब है आप टैग के किसी भी उपयोग नहीं कर सकते है
एचटीएमएल 5 टैग, उन नए टैग कि कर रहे हैं।

395
00:17:45,930 --> 00:17:48,591
हम तो हमेशा से शुरू
हम एचटीएमएल 5 का उपयोग कर रहे हैं।

396
00:17:48,591 --> 00:17:51,340
और सभी टैग के बारे में हम बात की है
पहले से एचटीएमएल 5 टैग नहीं हैं।

397
00:17:51,340 --> 00:17:55,470
लेकिन इस संकेत मिलता है कि
एचटीएमएल 5 टैग उपस्थित रहेंगे।

398
00:17:55,470 --> 00:17:58,400
और इसलिए हम विस्मयादिबोधक है
doctype एचटीएमएल, जो

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
और चलो छवियों पर एक नजर डालते हैं
और टिप्पणियों और CS50 आईडीई में लिंक।

406
00:18:28,420 --> 00:18:32,850
>> तो मैं एक फ़ाइल कहा जाता छवि लिंक यहाँ है
मैं खोलने के लिए जा रहा हूँ जो डॉट एचटीएमएल।

407
00:18:32,850 --> 00:18:36,420
और मैं एक जोड़ी के लिए मिला है नोटिस
मेरी HTML टिप्पणी में यहाँ टिप्पणी।

408
00:18:36,420 --> 00:18:38,990
तो बस सी और अन्य में की तरह
प्रोग्रामिंग की भाषाएँ,

409
00:18:38,990 --> 00:18:43,169
सिर्फ एक मार्कअप भाषा जा रहा द्वारा एचटीएमएल
टिप्पणी है करने की क्षमता है।

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
जाहिर है कि फाइल है
रिक डॉट जेपीईजी, पर स्थित है, जो

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 हैलो डॉट एचटीएमएल है।

419
00:19:05,080 --> 00:19:09,050
तो यह है कि सिर्फ डॉट एचटीएमएल नमस्कार करने के लिए संदर्भित करता है
जो वर्तमान निर्देशिका में मौजूद है।

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--
एक छोटा सा बाहर ज़ूम 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
सी में हम के बारे में बहुत बात
चीजों की विभिन्न सिंटेक्स।

441
00:20:13,020 --> 00:20:17,650
एचटीएमएल में सिंटेक्स सच
टैग के आसपास घूमती है।

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
Encapsulation के इस तरह क्या है
एचटीएमएल अच्छा और संगठित रहता है।

450
00:20:39,990 --> 00:20:44,370
>> सी विपरीत है, हालांकि, सिंटैक्स त्रुटि नहीं होगा
वास्तव में संभवतः अपने 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
अपने वेब पर एक नज़र है करने के लिए उपयोग कर सकते हैं
पेज और यह अच्छी तरह से बनाई एचटीएमएल अगर देखते हैं।

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
आप प्राप्त कर सिर्फ इतना, एचटीएमएल लिख
आयोजन के बारे में कुछ अच्छी आदतें

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