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
اور ہم کا احاطہ نہیں کیا
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
اب ہم بات کرنے کے لئے جا رہے ہیں
کے بارے میں ایک زبان، ایچ ٹی ایم ایل.

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
ایچ ٹی ایم ایل جس کے صفحے،.

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
ہم کسی بھی نہیں کر سکتے ہیں
ایچ ٹی ایم ایل میں SE فی پروگرامنگ.

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
ہم ایچ ٹی ایم ایل کے پروگرام نہیں لکھ سکتا.

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
یہ semantically 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
اور ہم نے اسے ایک پتہ
ایچ ٹی ایم ایل پیجہم ہے کیونکہ

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
اور ہم نے سب سے اوپر محسوس
ایچ ٹی ایم ایل اور بہت نچلے حصے میں،

49
00:02:18,570 --> 00:02:21,400
ہم کیا کیا ہے کے بعد
بظاہر دوسرے ایچ ٹی ایم ایل کی ایک بہت،

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
اور ظاہر کی، روایتی، صرف
آپ کو اپنے C پروگراموں کے تمام کے طور پر لکھا

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
ہم صرف ان 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
تو میں نے اپنے CS50 IDE میں یہاں ہوں اور
میں نے تھوڑا سا میں یکبر ہے.

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
میرا سادہ ایچ ٹی ایم ایل، سر ٹیگز،
عنوان ٹیگز، اسی طرح جسم، اور.

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
>> اس طرح پوٹ کاری اور چیزیں
اصل میں ایچ ٹی ایم ایل میں کوئی فرق نہیں پڑتا.

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
اور اس طرح آپ ایچ ٹی ایم ایل کے بارے میں ایک بہت کچھ سیکھ سکتے
آپ کی پسندیدہ ویب سائٹ کو دیکھ کر

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
وہ کس طرح ایچ ٹی ایم ایل کے ساتھ اس بنا سکتے ہیں؟

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
تو یہ ایک واقعی ہے
ایچ ٹی ایم ایل میں جاننے کے لئے اچھا طریقہ،

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
>> تو ایک پر ایک نظر ڈالیں
عام 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
تو یہاں کے لئے تین بنیادی ٹیگز ہیں
متن کی بصری ظہور 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
تو ہے کہ نظر آئے گا دیکھتے ہیں کیا
میرے IDE میں اصل ویب صفحے پر کی طرح.

145
00:06:40,430 --> 00:06:43,390
>> تو یہاں اپنی IDE میں ہے
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
یہاں عام کرنے کے ایک جوڑے کی ہیں
پیراگراف ٹیگ، 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 میں نامی ایک فائل ہے
پییچ ڈاٹ ایچ ٹی ایم ایل، پییچ ہونے پیرا

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
ایک بہت کچھ یہاں ہو رہا ہے
میں کچھ Lorem ڈال دیا ہے کیونکہ

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
تو ہم بے ترتیب ہے
فہرستوں 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 IDE پر رینڈر.

215
00:09:57,230 --> 00:10:00,640
تو میں نے اپنے IDE ایک میں یہاں ہے
فائل کہا جاتا فہرستوں ایچ ٹی ایم ایل ڈاٹ.

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
میں نے اس 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
تو ہے کہ ہم کس طرح کر سکتے ہیں
ایچ ٹی ایم ایل کا استعمال کرتے ہوئے فہرست بنانے کے.

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
ہم کر سکتے ہیں ایچ ٹی ایم ایل کے ساتھ ایسا کرنے کے لئے
اوپن بریکٹ شروع میز تعریف

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
اور پھر ٹیڈی ٹیگ TR ٹیگ کے اندر جانا
ایک صف کے اندر اندر ایک کالم کی وضاحت کرنے.

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
آپ کو قطار، TRS کی ایک بڑی تعداد ہے.

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 IDE میں ختم سادہ ٹیبل.

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
یہ صرف کی طرح demarcates
کچھ صوابدیدی 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 ایک میں یہاں ہے
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
لہذا میں نے جس کا نام ہے ایک فیلڈ ہے 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
ایک بار پھر، ہم یہاں سی ایس ایس کے بارے میں بات نہیں کر رہے ہیں.

333
00:14:49,256 --> 00:14:51,030
ہم صرف HTML کے بارے میں بات کر رہے ہیں.

334
00:14:51,030 --> 00:14:53,980
>> ویسے میری متن فارم میں ٹائپ کر سکتے ہیں
یاد رکھیں کہ متن کے فارم

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
ہم ان پٹ کا نام 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 ایکس کا مطلب پر جائیں برابر
ویب کے صفحے ایکس اور سب کچھ

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 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
اور کی تصاویر پر ایک نظر ڈالیں
اور تبصرے اور CS50 IDE میں روابط.

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
اور اس میں بظاہر جا رہا ہوں
Rick Astley کی کی ایک تصویر کی جگہ

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 کی ہیلو ڈاٹ ایچ ٹی ایم ایل.

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
اور رک کی ایک تصویر کے لئے تیار ہو جاؤ
Astley میں آپ کی سکرین پر ظاہر کرنے کے لئے.

426
00:19:29,500 --> 00:19:31,490
تو میں نے اس کا جائزہ لیں گے.

427
00:19:31,490 --> 00:19:33,800
Rick Astley کی میں نہیں ہے
اس صوابدیدی میں سب سے اوپر

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
>> میں نے ہیلو ڈاٹ ایچ ٹی ایم ایل کے لئے ایک لنک ہے.

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
اور وہاں ہم میں کروں گا دیکھتے
تھوڑا سا باہر زوم یہاں

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
>> ایچ ٹی ایم ایل کے ساتھ گزشتہ قاعدہ ہے کہ
ہم یہاں کے بارے میں بات کرنے کے لئے جا رہے ہیں

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
encapsulation کے اس طرح کیا ہے
ایچ ٹی ایم ایل اچھا اور منظم رکھتا ہے.

450
00:20:39,990 --> 00:20:44,370
>> سی کے برعکس، اگرچہ، نحو کی غلطیوں کے نہیں
اصل میں ممکنہ طور پر آپ ایچ ٹی ایم ایل پنگ.

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
خاص طور پر آپ کے طور پر ایچ ٹی ایم ایل
فائلوں بڑا اور بڑا ہو.

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
ایک اچھا طریقہ میں آپ کی ایچ ٹی ایم ایل اور
اچھے انداز اور بات کو یقینی بنانے

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