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
একটি প্রোগ্রামিং মধ্যে একটি প্রোগ্রাম লেখা থেকে
সি এর মত ভাষা?

11
00:00:33,574 --> 00:00:38,010
ওয়েল, সি খুব কঠোর সঙ্গে একটি ভাষা
করা প্রয়োজন যে সিনট্যাক্স নিয়ম

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
আপনার সি কোড, আপনাকে আমি কথা বলছি না জানি কি
কঠোর বাক্য গঠন প্রকাশকে সম্পর্কে.

15
00:00:46,660 --> 00:00:50,360
>> ওয়েব ব্রাউজার, যদিও কিছুটা হয়
এটি এইচটিএমএল আসে ক্ষমাশীল.

16
00:00:50,360 --> 00:00:53,860
আপনার HTML চিহ্নগুলি সিন্টেক্সের না হলেও
সঠিক, আপনার পৃষ্ঠায় এখনও হতে পারে

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
আপনি সম্ভবত একটা অনেক লক্ষ্য করেছি
কৌণিক বন্ধনী মধ্যে মধ্যে.

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
>> সুতরাং উদাহরণস্বরূপ, আমি একটি অ w শটি খুলুন
খোলা সাথে কোডের

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
এই অ w শটি বন্ধ, আমি ব্যবহার প্রায় একটি
একটি সঙ্গে এই সময় ছাড়া অভিন্ন পরিচয়চিহ্ন

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 এইচটিএমএল.

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
এইচটিএমএল ট্যাগ মূলত বলছেন,
এখানে কিছু এইচটিএমএল আসে.

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
অন্যথা, আপনি লিঙ্ক করতে পারেন
ভালো একটি সম্পূর্ণ URL-এর মাধ্যমে ছবি,.

64
00:03:19,680 --> 00:03:24,180
এখন, যে ওয়েবসাইটটি সত্যিই অস্তিত্ব নাই,
কিন্তু একটা ছবি ছিল

65
00:03:24,180 --> 00:03:27,760
যে ঠিকানায় আমাকে, আমি ব্যবহার করতে পারেন
অন্তর্ভুক্ত উৎস URL টি

66
00:03:27,760 --> 00:03:29,930
আমার ওয়েবসাইটে তার ইমেজ.

67
00:03:29,930 --> 00:03:35,590
উভয় ক্ষেত্রেই, আপনি অনেক সঙ্গে শেষ
prettier ওয়েবসাইট, ভালো কিছু.

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, এবং একটি লাইন বিরতি ট্যাগ, বিআর.

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
CSS এর একটি হিসাবে পরিচিত হয় কি
ক্যাসকেডিং স্টাইল শীট.

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
আমি আমার HTML এ আয়োজন শুরু করতে চান
এটি সহজ পরে শৈলী করতে.

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
>> আইডি এবং ক্লাস বৈশিষ্ট্যাবলী
একইভাবে কাজ.

101
00:05:37,190 --> 00:05:41,210
শুধু পার্থক্য হল যে আপনি কেবলমাত্র থাকতে পারে হয়
এক উপাদান, নির্দিষ্ট আইডি, কিন্তু

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
অন্য বিভাজন তৈরি
আইডি শীর্ষ সঙ্গে.

105
00:05:50,533 --> 00:05:54,750
আমি সিএসএস মধ্যে চলে নি যদিও,
সাধারণভাবে ব্যবহৃত অন্য ভাষা

106
00:05:54,750 --> 00:05:59,700
এইচটিএমএল পাশাপাশি, একবার আমি স্টাইলিং শুরু
CSS এর সঙ্গে আমার কোড, আমি এই ব্যবহার করতে পারেন

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