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

2
00:00:06,986 --> 00:00:10,450
>> DAVEN FARNHAM: آج، میں جا رہا ہوں
ایچ ٹی ایم ایل کے بارے میں تھوڑا بہت بات،

3
00:00:10,450 --> 00:00:12,330
ہایپر ٹیکسٹ مارکاپ زبان.

4
00:00:12,330 --> 00:00:14,450
آپ ان دنوں ہر جگہ ایچ ٹی ایم ایل کو دیکھنے کے.

5
00:00:14,450 --> 00:00:17,190
اصل میں، اگر آپ کو یہ دیکھ رہے ہیں
ایک براؤزر میں ویڈیو، تم ہو

6
00:00:17,190 --> 00:00:19,120
اب ایچ ٹی ایم ایل کو دیکھ کر.

7
00:00:19,120 --> 00:00:22,760
ایچ ٹی ایم ایل ایک پروگرامنگ زبان نہیں ہے،
بلکہ، اس کی طرف سے استعمال کیا جاتا مارکاپ زبان ہے

8
00:00:22,760 --> 00:00:25,460
صفحات فراہم کرنے کے لئے ویب براؤزر
انٹرنیٹ پر.

9
00:00:25,460 --> 00:00:30,410
>> تو آپ کو لکھ رہا ہے کس طرح، پوچھ سکتا ہے
مختلف HTML میں ایک ویب کے صفحے

10
00:00:30,410 --> 00:00:33,574
ایک پروگرامنگ میں ایک پروگرام لکھنے سے
C طرح زبان بدلیں؟

11
00:00:33,574 --> 00:00:38,010
ٹھیک ہے، C بہت سخت کے ساتھ ایک زبان ہے
کرنے کی ضرورت ہے نحوی قواعد

12
00:00:38,010 --> 00:00:39,880
اسے چلانے سے پہلے مرتب کی.

13
00:00:39,880 --> 00:00:43,070
تم نے کبھی ایک شامل کرنے کے لئے بھول گیا ہے تو
میں ایک بیان کے آخر میں نیم وقفہ

14
00:00:43,070 --> 00:00:46,660
آپ C کوڈ، آپ میں بات کر رہا ہوں کیا پتہ
سخت نحو کے بارے میں کے بارے میں.

15
00:00:46,660 --> 00:00:50,360
>> ویب براؤزر اگرچہ، تھوڑا سا زیادہ ہیں
یہ ایچ ٹی ایم ایل کے لئے آتا ہے معاف.

16
00:00:50,360 --> 00:00:53,860
اپنے HTML syntactically نہیں ہے یہاں تک کہ اگر
صحیح، آپ کے صفحے کے اب بھی ہو سکتا ہے

17
00:00:53,860 --> 00:00:57,150
ایک براؤزر کی طرف سے ظاہر ہے، لیکن یہ ہو سکتا ہے
آپ کو مقصد کے طور پر نظر نہیں.

18
00:00:57,150 --> 00:00:59,640
تو یہ سب سے بہتر ہمیشہ
قوانین پر عمل.

19
00:00:59,640 --> 00:01:01,990
ایک انترجشتھان حاصل کرنے کے لئے سب سے اچھا طریقہ
چیزوں کو کام کرنے کے لئے کس طرح کے بارے میں

20
00:01:01,990 --> 00:01:03,300
ایک مثال کے ذریعے جانا.

21
00:01:03,300 --> 00:01:07,360
>> تو کیا ہم یہاں ایک بنیادی ہے
ایک ویب کے صفحے کے لئے بلیو پرنٹ.

22
00:01:07,360 --> 00:01:10,690
آپ نے شاید بہت سی چیزیں محسوس
angled بریکٹ کے درمیان میں.

23
00:01:10,690 --> 00:01:12,900
ٹھیک ہے، ان لوگوں کے بس ٹیگز ہیں.

24
00:01:12,900 --> 00:01:15,810
ٹیگز بنیادی طور پر ویب براؤزرز کو مطلع کریں
ہے، ہے، کچھ

25
00:01:15,810 --> 00:01:17,150
آپ کے راستے آ رہا ہے.

26
00:01:17,150 --> 00:01:20,770
آپ کو کھولنے جب بھی، اگرچہ یاد رکھیں
ٹیگ، آپ ہیں ایک بار اسے بند کرنے کی ضرورت ہے

27
00:01:20,770 --> 00:01:21,750
اس کا استعمال کیا.

28
00:01:21,750 --> 00:01:24,690
>> تو مثال کے طور پر، میں نے ایک شعبہ کو کھولیں
کھلا کے ساتھ کوڈ کی

29
00:01:24,690 --> 00:01:26,960
بریکٹ جسم، بند بریکٹ.

30
00:01:26,960 --> 00:01:31,280
میں تو میری، اس معاملے میں، کچھ متن کا اضافہ کریں
پہلی ویب کے صفحے پھر میں چلا گیا جب

31
00:01:31,280 --> 00:01:35,540
اس حصے کو بند، میں استعمال تقریبا ایک
ایک کے ساتھ اس وقت سوائے ایک جیسی ٹیگ

32
00:01:35,540 --> 00:01:37,660
مستقبل کے حوالے سے جسم سے پہلے سلیش.

33
00:01:37,660 --> 00:01:41,140
عام طور پر، یہ آپ ہیں کی شکل ہے
آپ کو کھول رہے ہیں جب بھی استعمال کی جا رہی

34
00:01:41,140 --> 00:01:42,680
اور ٹیگ بند.

35
00:01:42,680 --> 00:01:47,900
ایک ساتھ مل کر، ایک کھلی ٹیگ اور ختم ٹیگ
ایک عنصر کہا جاتا ہے کیا تحریر.

36
00:01:47,900 --> 00:01:51,870
>> آپ سب سے پہلے لائن میں نظر آتے ہیں، تمہیں
اس کے بعد فجائیہ نقطہ نظر

37
00:01:51,870 --> 00:01:53,350
DOCTYPE HTML.

38
00:01:53,350 --> 00:01:56,280
یہ واقعی صرف اپنے براؤزر کہہ رہی ہے
فائل ایک ویب پیج ہے

39
00:01:56,280 --> 00:01:58,280
ایچ ٹی ایم ایل میں لکھا.

40
00:01:58,280 --> 00:02:01,970
HTML ٹیگ بنیادی طور پر، کا کہنا ہے کہ
یہاں کچھ HTML آتا ہے.

41
00:02:01,970 --> 00:02:04,950
پھر ہم ساتھ ایک سر ٹیگ
اس کے اندر ایک عنوان ٹیگ.

42
00:02:04,950 --> 00:02:09,430
آپ کے طور پر سوچ سکتے ہیں سر ٹیگ
کے لئے آتا ہے کہ پر مشتمل HTML کوڈ

43
00:02:09,430 --> 00:02:12,670
آپ کے ویب صفحے کے بلک
اصل مواد.

44
00:02:12,670 --> 00:02:16,700
>> عام طور پر، آپ کا عنوان ڈال آپ
یہاں ویب کے صفحے، اگرچہ کچھ ہیں

45
00:02:16,700 --> 00:02:19,350
ظاہر ہو سکتی ہے کہ دوسرے ٹیگز
یہاں اس کے ساتھ ساتھ.

46
00:02:19,350 --> 00:02:25,020
اپنے ویب کے صفحے کے جسم، آتا ہے
آپ کی ویب سائٹ کی اصل گوشت اور ہڈیاں.

47
00:02:25,020 --> 00:02:28,910
ہماری مثال میں، ہم صرف ایک سادہ ڈال دیا ہے
سزا، میرا پہلا ویب کے صفحے،

48
00:02:28,910 --> 00:02:34,100
جس میں، ہم ہماری ویب سائٹ چلاتے ہیں، نظر آئے گا
اس طرح کچھ.

49
00:02:34,100 --> 00:02:36,810
ہماری ویب کے صفحے بھی عجیب نہیں ہے،
لیکن فکر مت کرو.

50
00:02:36,810 --> 00:02:39,210
ہم جلد ہی اسے سپروس گے.

51
00:02:39,210 --> 00:02:44,070
>> تو مندرجہ بالا ایچ ٹی ایم ایل، ہم آپ کو ایک بہت ہی دے دیں گے
ایک ویب کے صفحے کے لئے بنیادی سانچے،

52
00:02:44,070 --> 00:02:46,310
کچھ بھی نہیں پسند، صرف ننگی ہڈیوں.

53
00:02:46,310 --> 00:02:49,160
لیکن میں نے ایک ویب کے صفحے پیدا کر رہا ہوں،
کیا میں شامل کرنے کے لئے چاہتے ہیں تو

54
00:02:49,160 --> 00:02:50,760
اپنے آپ کو، کا کہنا ہے کہ، کی تصویر؟

55
00:02:50,760 --> 00:02:52,760
ٹھیک ہے، میں ایسا کر سکتے ہیں.

56
00:02:52,760 --> 00:02:55,460
کے طریقوں میں سے ایک جوڑے کو ہیں
آپ کی سائٹ پر تصاویر شامل.

57
00:02:55,460 --> 00:02:59,780
تصویر کے طور پر ایک ہی فولڈر میں ہے
اپنے HTML فائل، آپ کو منسلک کر سکتے ہیں

58
00:02:59,780 --> 00:03:01,950
اس طرح کے راستے کے ذریعے تصویر.

59
00:03:01,950 --> 00:03:05,910
>> آپ کے بعد ایک تصویر کے ٹیگ کے ساتھ کھول
کی طرف سے میں آلٹ وصف میں

60
00:03:05,910 --> 00:03:07,240
تصویر کے ذریعہ.

61
00:03:07,240 --> 00:03:12,030
آلٹ وصف کی قیمت ہے صرف کچھ
صورت میں متبادل متن ایک صارف نہیں کر سکتے ہیں

62
00:03:12,030 --> 00:03:13,580
تصویر کو دیکھنے کے.

63
00:03:13,580 --> 00:03:19,680
متبادل طور پر، آپ کو بھی لنک کر سکتے ہیں
اس طرح ایک مکمل یو آر ایل کے ذریعے تصاویر،.

64
00:03:19,680 --> 00:03:24,180
اب، اس ویب سائٹ کو واقعی کوئی وجود نہیں ہے،
لیکن ایک تصویر تھے

65
00:03:24,180 --> 00:03:27,760
اس ایڈریس پر مجھ سے، میں استعمال کر سکتے ہیں
شامل کرنے کے ذریعہ یو آر ایل

66
00:03:27,760 --> 00:03:29,930
اپنی ویب سائٹ پر اس کی تصویر.

67
00:03:29,930 --> 00:03:35,590
بہر حال، آپ کو ایک بہت کے ساتھ ختم
خوبصورت ویب سائٹ، کچھ اس طرح.

68
00:03:35,590 --> 00:03:39,730
>> ٹھیک ہے، یہ بہت اچھا ہے، لیکن میں نے قسم
کے ساتھ ساتھ یہاں پر کچھ متن چاہتے ہیں.

69
00:03:39,730 --> 00:03:43,020
تو صرف کچھ شامل ہیں
اوپر سپر آسان

70
00:03:43,020 --> 00:03:45,210
ہیڈر کی طرح تصویر،.

71
00:03:45,210 --> 00:03:50,830
میں نے اب تک کیا کیا ہے تمام ہیڈر کا استعمال ہے
ٹیگ، H1، اور ایک سطر توڑ ٹیگ، BR.

72
00:03:50,830 --> 00:03:54,900
ہیڈر ٹیگ فونٹ ایک چھوٹا سا ہوتا ہے
تھوڑا سا بڑا اور زیادہ نمایاں.

73
00:03:54,900 --> 00:03:58,930
دوسری سطر توڑ ٹیگ،
ہاتھ، کول کی طرح ہے.

74
00:03:58,930 --> 00:04:03,720
سب سے زیادہ دیگر ٹیگز کے برعکس، آپ کی ضرورت نہیں ہے
ایک افتتاحی اور اختتامی وقفے ٹیگ، صرف

75
00:04:03,720 --> 00:04:05,120
ایک اوپر دکھایا گیا.

76
00:04:05,120 --> 00:04:10,420
وقفے کوئی مواد ہے اس کی وجہ یہ ہے
اور، اس وجہ سے ایک خالی عنصر ہے.

77
00:04:10,420 --> 00:04:14,940
>> اس طرح خالی عناصر، آپ کو کھول سکتے ہیں
اور صرف کی طرف سے ایک ہی وقت میں بند

78
00:04:14,940 --> 00:04:20,420
میں ایک سیدھا سلیش سمیت
ابتدائی اعلان کے اختتام.

79
00:04:20,420 --> 00:04:24,390
تو اب میری ویب سائٹ ایک چھوٹا سا لگ رہا ہے
کچھ اس طرح.

80
00:04:24,390 --> 00:04:27,410
بہتر، لیکن یہ ایک طرح سے محسوس ہوتا ہے
ایک مردہ آخر کی طرح.

81
00:04:27,410 --> 00:04:30,850
ایک طرف جانے کے لئے کہیں اور نہیں ہے
اس صفحہ سے.

82
00:04:30,850 --> 00:04:33,075
ٹھیک ہے، کی طرف سے اس کو حل کریں
ایک لنک بھی شامل ہے.

83
00:04:33,075 --> 00:04:36,860
>> کیا میں یہاں کیا کرنے جا رہا ہوں، ایک استعمال ہے
ایک طرف سے denoted منسوب ہیں اور

84
00:04:36,860 --> 00:04:40,780
تصویر کے لئے ایک لنک، کی، CS50 ٹی وی کا کہنا ہے کہ.

85
00:04:40,780 --> 00:04:44,460
اس طرح، کسی کو مجھ پر کلک کرتا ہے جب بھی،
ان کے براؤزر کرنے کی ہدایت کی جائے گی

86
00:04:44,460 --> 00:04:47,810
دوسرے، شاید زیادہ
مفید، ویب کے صفحے.

87
00:04:47,810 --> 00:04:51,040
میں کے سائز کو کم سے کم کرنے کے لئے تھا
ہماری ویب کے صفحے ہے کیونکہ تھوڑا سا متن

88
00:04:51,040 --> 00:04:52,470
زیادہ اعلی درجے کی ہو رہی ہے.

89
00:04:52,470 --> 00:04:54,590
لیکن امید ہے کہ، یہ اب بھی واضح ہے.

90
00:04:54,590 --> 00:04:59,460
میری ویب سائٹ پر بالکل اسی لگتا ہے صرف
اب، میں تصویر پر کلک کریں جب بھی،

91
00:04:59,460 --> 00:05:04,410
اپنے براؤزر ایک اور کھل جائے گا
CS50.tv ویب کے صفحے کے لئے ٹیب.

92
00:05:04,410 --> 00:05:08,970
>> آخر میں، میں نے انداز کرنے کے لئے جا رہا ہوں
اس ویب سائٹ کے بعد سی ایس ایس کا استعمال کرتے ہوئے.

93
00:05:08,970 --> 00:05:11,730
سی ایس ایس کے طور پر جانا جاتا ہے کیا ہے
جھرن کاری سٹائل شیٹ.

94
00:05:11,730 --> 00:05:15,230
اور یہ بنیادی طور پر ایک مؤثر فراہم کرتا ہے
میں ترمیم کرنے کا طریقہ اور انداز

95
00:05:15,230 --> 00:05:16,910
کوڈ کے اسی طرح کے بلاکس.

96
00:05:16,910 --> 00:05:21,290
میں نے اپنی ایچ ٹی ایم ایل کی تنظیم شروع کرنا چاہتے ہیں
یہ آسان کے بعد سٹائل کے لئے بنانے کے.

97
00:05:21,290 --> 00:05:26,900
یہاں، میں دو مختلف قسم کی قائم
اپنے کوڈ کو منظم کی مدد کرنے کی شناخت.

98
00:05:26,900 --> 00:05:31,170
میں ایک کے اندر شناختی وصف کا استعمال کیا ہے
ڈویژن، یا DIV ٹیگ، اور میں نے ایک کا استعمال کیا ہے

99
00:05:31,170 --> 00:05:34,120
کلاس کے اندر منسوب
دوسرے DIV ٹیگ.

100
00:05:34,120 --> 00:05:37,190
>> ID اور کلاس کی صفات
اسی طرح کام کرتے ہیں.

101
00:05:37,190 --> 00:05:41,210
فرق صرف اتنا ہے آپ کو صرف ہو سکتا ہے
ایک عنصر، مخصوص ID، لیکن

102
00:05:41,210 --> 00:05:43,600
عناصر کی کسی بھی تعداد
ایک کلاس کے اشتراک کر سکتے ہیں.

103
00:05:43,600 --> 00:05:47,690
تو مثال کے طور پر، میں نے کلاس استعمال کر سکتے ہیں
تصویر ایک سے زیادہ بار، لیکن میں نہیں کر سکتے ہیں

104
00:05:47,690 --> 00:05:50,533
ایک اور ڈویژن کی تخلیق
ID سب سے اوپر کے ساتھ.

105
00:05:50,533 --> 00:05:54,750
میں نے سی ایس ایس میں نہیں گئے، لیکن،
عام طور پر استعمال کسی اور زبان

106
00:05:54,750 --> 00:05:59,700
ایچ ٹی ایم ایل کے ساتھ ساتھ، ایک بار میں اسٹائل شروع
سی ایس ایس کے ساتھ اپنے کوڈ، میں ان کا استعمال کر سکتے

107
00:05:59,700 --> 00:06:03,730
اثر و رسوخ کے تنظیمی صفات
میری ویب سائٹ کے صفحے کی جمالیات.

108
00:06:03,730 --> 00:06:07,600
>> ڈویژن سب سے اوپر کے اندر اندر سب کچھ
اسی طرح کے stylings کے یا کسی بھی پڑے گا

109
00:06:07,600 --> 00:06:12,010
میں ایچ ٹی ایم ایل میں گروپ کے دوسرے گروپ
کلاس کی تصویر کی طرح نظر کریں گے.

110
00:06:12,010 --> 00:06:15,700
اس میں ترمیم کرنے کی کوشش کر رہے ہیں سے زیادہ آسان ہے
اور سٹائل تصاویر یا کے بلاکس

111
00:06:15,700 --> 00:06:17,690
انفرادی طور پر متن.

112
00:06:17,690 --> 00:06:21,480
>> تو ہم کس طرح کی بنیادی باتیں گئے
ایچ ٹی ایم ایل کے ساتھ ایک ویب صفحہ بنانے کے لئے.

113
00:06:21,480 --> 00:06:25,280
ایچ ٹی ایم ایل میں بھی دیگر خصوصیات کا ایک گروپ ہے
کہ دوسری زبانوں کے ساتھ جوڑ بنانے ہے جب

114
00:06:25,280 --> 00:06:29,220
سی ایس ایس اور جاوا سکرپٹ کی طرح، کر سکتے ہیں، واقعی
صفحات باہر کھڑا کر.

115
00:06:29,220 --> 00:06:32,960
کے ساتھ آرام دہ اور پرسکون حاصل کرنے کے لئے سب سے اچھا طریقہ
ایچ ٹی ایم ایل، اس کے ساتھ کے ارد گرد صرف گندگی ہے

116
00:06:32,960 --> 00:06:35,120
کیا کام کرتا ہے، اور کیا نہیں دیکھتے.

117
00:06:35,120 --> 00:06:36,570
>> میرا نام Daven Farnham ہے.

118
00:06:36,570 --> 00:06:37,820
یہ CS50 ہے.

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

120
00:06:40,640 --> 00:06:45,690
>> تو مثال کے طور پر، میں استعمال کر سکتے ہیں
کلاس تصویر -

121
00:06:45,690 --> 00:06:48,028
نہیں، بہت سے صفات ہیں.

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

123
00:06:52,500 --> 00:06:53,950
میرا نام Daven Farnham ہے.

124
00:06:53,950 --> 00:06:58,560
یہ سی ایس 650 ہے.

125
00:06:58,560 --> 00:06:59,810
میں سی ایس ایس کہنا چاہتا ہوں.

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

127
00:07:02,325 --> 00:07:03,575
یہ سی ایس ایس ہے.

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