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
এবং আমি মনে করি ফিরে যান খুঁজছেন মনে
আমরা কথা প্রায় 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
এইচটিএমএল পাতা, যা.

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
আমরা কোনো কাজ করতে পারে না
HTML এ কোনটাই প্রোগ্রামিং.

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-- কি
আমরা HTML এবং এই tags-- ট্যাগ ব্যবহার

39
00:01:47,680 --> 00:01:51,600
এই অর্থগত markup--
একটি পৃষ্ঠার কাঠামো নির্ধারণ

40
00:01:51,600 --> 00:01:55,280
এবং প্লেইন টেক্সট উৎপন্নকারী
ট্যাগ ব্যাখ্যা করা মধ্যে বিদ্যমান

41
00:01:55,280 --> 00:01:57,320
বিভিন্ন উপায়ে ব্রাউজার দ্বারা.

42
00:01:57,320 --> 00:02:00,370
এবং সম্ভবত এটি ব্যাখ্যা সেরা
একটি দৃষ্টান্তের এই পথ.

43
00:02:00,370 --> 00:02:06,450
>> এখানে একটি খুব সহজ এইচটিএমএল পাতা, না
একটি HTML প্রোগ্রাম, আবার একটি HTML পৃষ্ঠা.

44
00:02:06,450 --> 00:02:08,680
আর আমরা এটা একটি জানি
এইচটিএমএল পাতা আমরা করেছি কারণ

45
00:02:08,680 --> 00:02:11,480
এইচটিএমএল ট্যাগ দিয়ে সবকিছু বেষ্টিত.

46
00:02:11,480 --> 00:02:13,850
সুতরাং এই একটি HTML ট্যাগ দেখে মনে হচ্ছে কি.

47
00:02:13,850 --> 00:02:15,870
এটি কোণ বন্ধনী মধ্যে মাত্র.

48
00:02:15,870 --> 00:02:18,570
আমরা বাঙালিরা অতিথিপরায়ন উপরের লক্ষ্য
HTML এবং খুব নীচে,

49
00:02:18,570 --> 00:02:21,400
আমরা কি কাজ করেছি পরে
দৃশ্যত অন্যান্য এইচটিএমএল অনেক,

50
00:02:21,400 --> 00:02:24,310
আমরা কোণ বন্ধনী স্ল্যাশ এইচটিএমএল আছে.

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
Chrome এ ট্যাবে দেখায়
বা সাফারি বা 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
এই একটি চমত্কার সহজ এইচটিএমএল পাতা.

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
আমার সহজ এইচটিএমএল, মাথা ট্যাগ,
শিরোনাম ট্যাগ, তাই শরীর, এবং.

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
আর তাই আপনি এইচটিএমএল সম্পর্কে অনেক কিছু জানতে পারবেন
আপনার প্রিয় ওয়েবসাইট এ খুঁজছেন দ্বারা

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
এবং এইচটিএমএল এটা তোলে ঠিক কি দেখতে.

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
আমার 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
সুতরাং আসুন যে দেখাবে তা দেখতে দিন
আমার আইডিই একটি প্রকৃত ওয়েব পেজে মত.

145
00:06:40,430 --> 00:06:43,390
>> তাই এখানে আমার IDE তে আমি একটি
BIU ডট এইচটিএমএল ফাইল নামক.

146
00:06:43,390 --> 00:06:46,770
BIU ডট এইচটিএমএল ঠিক হচ্ছে
বোল্ড, italics, নিম্নরেখাঙ্কিত.

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
যা আমি HX হিসেবে এখানে অনুষ্ঠিত থাকেন.

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
পি ট্যাগ একটি সেট প্রতিটি পরিক্ষেপ দ্বারা.

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
তাই এখানে আমার 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
এবং পি ট্যাগ আমাদের অনুমতি যে লক্ষ্য
অনুচ্ছেদের মধ্যে কিছু আউট বিরতি.

197
00:09:03,820 --> 00:09:07,500
আমরা যারা পি ট্যাগ পরিত্রাণ অর্জিত ছিল যদি
এবং আসলে শুধু করা প্রবেশ বা রিটার্নস

198
00:09:07,500 --> 00:09:10,110
আমরা আশা কি মধ্যে would
বিভিন্ন অনুচ্ছেদ হতে,

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
সুতরাং আমরা unordered আছে
lists-- ULs-- যা শুধু

206
00:09:30,820 --> 00:09:34,090
আদেশ বুলেটযুক্ত তালিকা,
numbered-- যা তালিকা

207
00:09:34,090 --> 00:09:37,680
OLs-- এবং ভেতরে হয়
যারা এক থাকতে হবে

208
00:09:37,680 --> 00:09:40,600
, Li তালিকা আইটেম ইঙ্গিত কিভাবে সেট.

209
00:09:40,600 --> 00:09:44,370
আর তাই আমরা খোলা উল ট্যাগ আছে
এবং আমরা এটি ভেতরে জিনিস করা.

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
প্রথম পাঁচটি উপাদান
unordered বা বুলেটযুক্ত তালিকা.

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
আরেকটি বিষয় আপনি পারে
এইচটিএমএল এর সাথে কাজ করতে চান

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
এবং তারপর একটি td ট্যাগ TR-ট্যাগের ভিতরে যেতে
একটি সারি মধ্যে একটি কলাম নির্দিষ্ট করতে.

244
00:11:22,510 --> 00:11:24,340
>> কেন এটা TD নামক এবং TC না হয়?

245
00:11:24,340 --> 00:11:25,940
ওয়েল, td টেবিলের তথ্য ঘোরা.

246
00:11:25,940 --> 00:11:27,900
সাধারণত আপনি নির্বাণ করছি
সেখানে আপনার তথ্য.

247
00:11:27,900 --> 00:11:29,440
এটা TD এবং না যে সকল TC এর সুতরাং যে কেন.

248
00:11:29,440 --> 00:11:31,140
এটি একটি সামান্য বিট বিভ্রান্তিকর.

249
00:11:31,140 --> 00:11:33,720
>> সুতরাং আপনি টেবিল ট্যাগ আছে এবং
আপনার টেবিল ট্যাগের ভিতরে

250
00:11:33,720 --> 00:11:35,600
আপনি সারি, টিআরএস একটি সংখ্যা আছে.

251
00:11:35,600 --> 00:11:40,030
এবং প্রতিটি সারির ভিতরে আপনি
কলাম সংখ্যা জন্য TDS

252
00:11:40,030 --> 00:11:42,880
আপনি চান যে
যে বিশেষ সারিতে.

253
00:11:42,880 --> 00:11:47,730
এর একটি খুব কটাক্ষপাত করা যাক
এবং 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
এবং তারপর আমি আমার এইচটিএমএল সঙ্গে কাজ করছি.

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
আমরা এই ধারণা পরিদর্শন করব
আমরা একটি টেবিলের করতে কি

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
আমরা ওভার আগাইয়া যখন
একটি দ্বিতীয় মধ্যে আইডিই, আমরা করব

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
সুতরাং আমি যার নাম একটি ক্ষেত্র আছে ছাগু karigor.com
সত্যিই কিছু মানে না, যা

318
00:14:16,510 --> 00:14:19,350
ডান এখন আমি যে দৃশ্যত
টেক্সট, অন্য এক লাগে যে

319
00:14:19,350 --> 00:14:22,630
একটি রেডিও যে একটি পাসওয়ার্ড, অন্য লাগে
বাটন, একটি চেক বক্স যে অন্য,

320
00:14:22,630 --> 00:14:24,797
এবং যে অন্য একটি Submit বাটনে.

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
আমরা শুধু এইচটিএমএল সম্পর্কে কথা বলার চেষ্টা করছি.

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
কিন্তু আমি সম্ভবত কনফিগার পারে আমার
অন্য কিছু করতে Submit বাটনে.

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
এটি প্রর্দশিত হবে এবং সাথে নিজেই প্রচেষ্টা
Glosbe উপর খোলা কোণ বন্ধনী

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
>> A href X উপায়ে যেতে সমান
ওয়েবপৃষ্ঠাটি এক্স এবং সবকিছু

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
এখন বর্তমান যা HTML5 এর নামে
কার্যত এইচটিএমএল মান সাজান.

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 এইচটিএমএল, যা

399
00:17:58,400 --> 00:18:01,280
খুব প্রারম্ভে হয় আমাদের
HTML ফাইল, এবং তারপর পরে যে বিন্দু

400
00:18:01,280 --> 00:18:04,930
আমরা আসলে আমাদের এইচটিএমএল খোলা আছে
ট্যাগ এবং সেখান থেকে এগিয়ে.

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
এবং আমি একটি দম্পতি পেয়েছেন বিজ্ঞপ্তি
আমার এইচটিএমএল মন্তব্য এখানে মন্তব্য.

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
আর তাই আমি দৃশ্যত যাচ্ছি
রিক 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 লক্ষ্য
আমার আল্লাহ হ্যালো ডট এইচটিএমএল হয়.

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
রিক 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
এবং সেখানে আমরা আমি করব see--
একটি সামান্য বিট জুম আউট এখানে

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
আপনার এইচটিএমএল ভাল গঠন করা উচিত.

440
00:20:09,510 --> 00:20:13,020
সি ইন আমরা সম্পর্কে অনেক কথা বলত
জিনিস বিভিন্ন সিনট্যাক্স.

441
00:20:13,020 --> 00:20:17,650
এইচটিএমএল এ সিনট্যাক্স সত্যিই
ট্যাগ কাছাকাছি revolves.

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
বিশেষ করে আপনার 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