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

2
00:00:06,100 --> 00:00:08,790
>> ડો LLOYD: તેથી અમે ખર્ચવામાં
about-- મારા ગણિત અધિકાર છે, તો

3
00:00:08,790 --> 00:00:11,900
અને હું લાગે છે back-- જોઈ લાગે
અમે વાત કરી લગભગ 35 વિડિઓઝ ખર્ચવામાં

4
00:00:11,900 --> 00:00:15,139
કદાચ સી વિવિધ પાસાઓ વિશે
થોડી વધુ, કદાચ થોડો ઓછો હોય છે.

5
00:00:15,139 --> 00:00:16,930
અને અમે આવરી ન હતી
સી બધું છે, પરંતુ અમે

6
00:00:16,930 --> 00:00:21,170
આ એક મોટી ચંકને આવરી લેવામાં
ભાષા, તે વિશાળ બહુમતી,

7
00:00:21,170 --> 00:00:22,882
ચોક્કસપણે સામાન્ય ઉપયોગ કરે છે.

8
00:00:22,882 --> 00:00:25,090
હવે અમે વાત કરવા જઈ રહ્યાં
વિશે અન્ય ભાષા, એચટીએમએલ.

9
00:00:25,090 --> 00:00:28,180
અને અમે આવરી રહ્યા છીએ
તે માત્ર એક વિડિઓ છે.

10
00:00:28,180 --> 00:00:29,340
>> પરંતુ તે ઠીક થઈ રહ્યું છે.

11
00:00:29,340 --> 00:00:31,410
તે ખરેખર બની રહ્યું છે
કંઈક તમે કરવા માટે વપરાય મળી રહ્યા છીએ.

12
00:00:31,410 --> 00:00:33,535
હવે તમે હોય છે કે
એક ભાષા ફંડામેન્ટલ્સ ઓફ,

13
00:00:33,535 --> 00:00:35,776
તે ખરેખર ખૂબ જ સરળ છે
અન્ય શીખવા શરૂ કરવા માટે.

14
00:00:35,776 --> 00:00:37,650
તેથી અમે શરૂ કરવા જઈ રહ્યાં છો
પાછા થોડી પગલું

15
00:00:37,650 --> 00:00:43,340
અને મૂળભૂત પર ચળકાટ
આ ભાષાઓ વચ્ચે તફાવત

16
00:00:43,340 --> 00:00:45,750
અને જેવું તમે તેને છોડી દો.

17
00:00:45,750 --> 00:00:48,530
ખરેખર મહાન ઘણો છે
ઇન્ટરનેટ પર સ્રોતો છે કે જે

18
00:00:48,530 --> 00:00:51,279
અમે તમને દિગ્દર્શન શરૂ જઈ રહ્યાં છો
ઇન્ટરનેટ છે, કારણ કે તરફ

19
00:00:51,279 --> 00:00:53,340
માહિતી એક વિશાળ ભંડાર.

20
00:00:53,340 --> 00:00:55,960
અને તેથી તે પડશે તમે ન ગમે છે
જરૂરી હોઈ બહાર હારી

21
00:00:55,960 --> 00:00:58,349
માહિતી ધરાવતી નથી દ્વારા
વિડિઓ આવરી લે છે.

22
00:00:58,349 --> 00:01:00,640
તમે હજુ પણ વિચાર કરવાનો પ્રયત્ન કરીશું
બધું તમને જરૂર છે અને ઉપયોગ

23
00:01:00,640 --> 00:01:03,590
જો તમે પહેલાથી જ કર્યું છે જ્ઞાન
સી સમજવા દ્વારા બાંધવામાં

24
00:01:03,590 --> 00:01:07,130
આ માટે શીખવાની કર્વ બનાવવા માટે
ખરેખર અન્ય ભાષાઓમાં ઘણો બોલ.

25
00:01:07,130 --> 00:01:08,640
હુ વચન આપુ છુ.

26
00:01:08,640 --> 00:01:12,770
>> પરંતુ એક ભાષા વિશે વાત કરો
કે દરેક વેબ માટે ખરેખર મૂળભૂત છે

27
00:01:12,770 --> 00:01:14,830
HTML છે કે જે પાનું.

28
00:01:14,830 --> 00:01:18,230
એચટીએમએલ હાયપર ટેક્સ્ટ માર્કઅપ ભાષા છે.

29
00:01:18,230 --> 00:01:22,700
એચટીએમએલ ભાષા છે, પરંતુ તે છે
નથી એક પ્રોગ્રામિંગ ભાષા.

30
00:01:22,700 --> 00:01:23,900
>> HTML ચલો નથી.

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
HTML પ્રોગ્રામર્સ, કે જે
વર્તમાનમાં યોગ્ય નથી.

35
00:01:35,710 --> 00:01:37,980
અમે HTML કાર્યક્રમો લખી શકતા નથી.

36
00:01:37,980 --> 00:01:40,770
>> HTML માત્ર લખાણ માર્ક કરવા માટે વપરાય છે.

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 કાર્યક્રમ, ફરી, એક HTML પાનું.

44
00:02:06,450 --> 00:02:08,680
અને અમે તેને એક ખબર
HTML પાનાનું અમે કર્યું કારણ કે

45
00:02:08,680 --> 00:02:11,480
એચટીએમએલ ટૅગ્સ સાથે બધું સીમિત.

46
00:02:11,480 --> 00:02:13,850
તેથી આ એક 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
અમે શું કર્યું છે પછી
દેખીતી રીતે અન્ય HTML ઘણો,

50
00:02:21,400 --> 00:02:24,310
અમે કોણ કૌંસ સ્લેશ HTML છે.

51
00:02:24,310 --> 00:02:29,262
જેથી સૉર્ટ સીમા છે
HTML શું છે અને શું નથી વચ્ચે.

52
00:02:29,262 --> 00:02:32,220
અને અલબત્ત, પરંપરાગત, માત્ર
તમે તમારા સી કાર્યક્રમો તમામ લખ્યું હતું કે

53
00:02:32,220 --> 00:02:35,300
ડોટ C એક્સટેન્શનની સાથે,
તમારા 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
આ એક ખૂબ સુંદર સરળ HTML પાનું છે.

74
00:03:33,210 --> 00:03:35,970
તેથી હું મારા CS50 IDE અહીં છું અને
હું થોડો ઝૂમ કરેલું છે.

75
00:03:35,970 --> 00:03:38,290
અને હું માત્ર જાઉં છું
હેલો ટપકું HTML ખોલો

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
>> જેમ ખાડો અને સામગ્રી
ખરેખર 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
Chrome માં તે સામાન્ય રીતે 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
વેબ પાનું બનાવે છે તે HTML જુઓ.

125
00:05:40,280 --> 00:05:44,090
અને તેથી તમે HTML વિશે ઘણું જાણી શકો છો
તમારા મનપસંદ વેબસાઇટ્સ પર જોઈ દ્વારા

126
00:05:44,090 --> 00:05:48,474
અને તેઓ બિલ્ડ કેવી રીતે જોઈ
તમને ગમે કે તેમને વિવિધ ટુકડાઓ.

127
00:05:48,474 --> 00:05:50,890
તેથી કદાચ આ ઠંડી છે
પેટર્ન અથવા કંઈક હોય છે.

128
00:05:50,890 --> 00:05:52,140
કેવી રીતે તેઓ HTML સાથે તે કરી શકું?

129
00:05:52,140 --> 00:05:55,630
તેમજ તમે માત્ર તમારા વિકાસકર્તા ખોલી શકે છે
તે તત્વ પર સાધનો અને હોવર

130
00:05:55,630 --> 00:05:57,700
અને HTML તે બનાવે છે બરાબર શું છે તે જોવા.

131
00:05:57,700 --> 00:05:59,450
તેથી તે ખરેખર છે
HTML જાણવા માટે સારી રીતે,

132
00:05:59,450 --> 00:06:02,330
અને હું ખૂબ ભલામણ કરીએ છીએ કે
તમે તેને બંને શીખવા માટે શું HTML

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
તેથી આપણે તે જોવા આવશે તે જોવા દો
મારા IDE એક વાસ્તવિક વેબ પૃષ્ઠ પર જેમ.

145
00:06:40,430 --> 00:06:43,390
>> તેથી અહીં મારા IDE હું હોય
BIU ટપકું HTML કહેવાય ફાઇલ.

146
00:06:43,390 --> 00:06:46,770
BIU ટપકું HTML માત્ર હોવા
બોલ્ડ, ત્રાંસા, નીચે લીટી.

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 હું તરીકે ઓળખાતી ફાઈલ છે
PH ટપકું એચટીએમએલ, PH હોવા ફકરા

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
પછી હું માત્ર છે કે જે એક ફકરો છે,
રેન્ડમ લખાણ સાથે મુખ્ય પૃષ્ઠ એક ટોળું ipsum--

187
00:08:36,010 --> 00:08:38,720
માત્ર લખાણ ધોરણ ભરવા મૂળભૂત.

188
00:08:38,720 --> 00:08:41,970
તેથી હું કે અંદર બે ફકરા હોય છે
સ્તર એક હેડર અને પછી નીચે હું નીચે

189
00:08:41,970 --> 00:08:46,850
લીટી 24 પર અહીં એક સ્તર બે મથાળું છે,
બીજા સ્તર હેડર, અને અન્ય બે

190
00:08:46,850 --> 00:08:47,840
ફકરા.

191
00:08:47,840 --> 00:08:51,910
વેલ આ જેમ શું જુએ છે
હું મારા પૂર્વદર્શન તે જોવા તો શું?

192
00:08:51,910 --> 00:08:53,790
માતાનો જોવા દો.

193
00:08:53,790 --> 00:08:55,730
>> તેથી નોંધ્યું છે કે
અહીં પ્રથમ સ્તર હેડર

194
00:08:55,730 --> 00:08:58,420
ખરેખર ખૂબ થોડી મોટી છે
બીજા સ્તર હેડર કરતાં.

195
00:08:58,420 --> 00:08:59,940
તેથી અમે H1 ટૅગ્સ ઉપયોગ થાય છે.

196
00:08:59,940 --> 00:09:03,820
અને પી ટૅગ્સ માટે પરવાનગી આપે છે કે નોટિસ
ફકરા માં વસ્તુઓ બહાર તૂટી જાય છે.

197
00:09:03,820 --> 00:09:07,500
અમે તે પૃષ્ઠ ટૅગ્સ છુટકારો મેળવેલ હોત તો
અને ખરેખર માત્ર મૂકી પ્રવેશે અથવા રિટર્ન્સ

198
00:09:07,500 --> 00:09:10,110
અમે આશા શું વચ્ચે કરશે
વિવિધ ફકરા હોય છે,

199
00:09:10,110 --> 00:09:13,193
તેઓ તમામ માત્ર મળીને સ્લેમ કરશે અને
તે આ સરસ ફકરો ન હોત

200
00:09:13,193 --> 00:09:15,840
ઉપર અને નીચે જગ્યા સાથે અલગ.

201
00:09:15,840 --> 00:09:18,300
અને તેથી કે શું ફકરો છે
ટૅગ્સ અને હેડર ટૅગ્સ

202
00:09:18,300 --> 00:09:22,440
સામાન્ય રીતે ડ્રો કરવા માટે ઉપયોગ થાય છે
અમારા વેબ પાનાંની ભાગ ધ્યાન

203
00:09:22,440 --> 00:09:23,550
તે રીતે.

204
00:09:23,550 --> 00:09:27,560
>> આગામી અપ અમે વાપરો કે જે અમુક ટૅગ્સ છે
અમારી વેબ પૃષ્ઠ પર યાદી બનાવી છે.

205
00:09:27,560 --> 00:09:30,820
તેથી અમે unordered છે
યાદીઓ 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 IDE પર રેન્ડર.

215
00:09:57,230 --> 00:10:00,640
તેથી હું મારા IDE એ અહીં છે
ફાઇલ કહેવાય યાદીઓ HTML DOT.

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
હું તેને દાખલો હશે મૂળભૂત રીતે want--
દ્વારા માત્ર આ કહેવાતા લક્ષણ ઉમેરી રહ્યા છે

223
00:10:20,130 --> 00:10:21,190
મારા OL ટેગ કરવા માટે.

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
બે, ત્રણ, ચાર, પાંચ, જે
હું OL કહ્યું હતું, તો કેસ હશે

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
કે તેથી અમે કેવી રીતે કરી શકો છો
HTML ની ​​મદદથી યાદીઓ બિલ્ડ.

236
00:10:56,247 --> 00:10:58,080
અન્ય વસ્તુ તમે કદાચ
HTML સાથે કરવા માંગો છો

237
00:10:58,080 --> 00:11:01,520
એક ટેબલ બનાવી છે
પંક્તિઓ અને કૉલમ્સ માહિતી

238
00:11:01,520 --> 00:11:04,560
એક માહિતી પ્રસ્તુત કરવા માટે
ખાસ કરીને માર્ગ આયોજન.

239
00:11:04,560 --> 00:11:09,110
અમે એક હોઈ શકે છે HTML સાથે આવું કરવા માટે
ઓપન કૌંસ શરૂઆત ટેબલ વ્યાખ્યા

240
00:11:09,110 --> 00:11:10,160
કોષ્ટક.

241
00:11:10,160 --> 00:11:14,680
અને પછી તે ટેબલ ની અંદર અમે
પંક્તિઓ, ટીઆર ટૅગ્સ સમૂહ હોય શકે છે

242
00:11:14,680 --> 00:11:15,980
દરેક પંક્તિ સૂચવે છે.

243
00:11:15,980 --> 00:11:22,510
અને પછી ટીડી ટીઆર ટૅગ્સ ટૅગ્સ અંદર જાઓ
એક પંક્તિ અંદર એક સ્તંભ સ્પષ્ટ કરવા માટે.

244
00:11:22,510 --> 00:11:24,340
>> તે શા માટે ટીડી કહેવામાં આવે છે અને ટીસી નથી?

245
00:11:24,340 --> 00:11:25,940
વેલ, ટીડી ટેબલ માહિતી માટે વપરાય છે.

246
00:11:25,940 --> 00:11:27,900
સામાન્ય રીતે તમે આપી રહ્યા છીએ
ત્યાં તમારી માહિતીને.

247
00:11:27,900 --> 00:11:29,440
તે ટીડી નથી અને ટીસી છે તેથી કે શા માટે છે.

248
00:11:29,440 --> 00:11:31,140
તે થોડો ગૂંચવણમાં મૂકે છે.

249
00:11:31,140 --> 00:11:33,720
>> તેથી જો તમે ટેબલ ટૅગ્સ હોય છે અને
તમારા ટેબલ ટૅગ્સ અંદર

250
00:11:33,720 --> 00:11:35,600
તમે પંક્તિઓ, 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
>> તેથી હું અહીં એક ફાઇલ છે
ટેબલ ટપકું HTML કહેવાય છે.

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
તે તરીકે બોલ સુયોજિત નથી
આપોઆપ અલગ Chunk.

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 ફોર્મ ટપકું HTML કહેવાય ફાઇલ.

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
>> વેલ મારા લખાણ સ્વરૂપમાં હું 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
અને અમે સાથે કરી શકો છો તે જોવા મળશે
PHP પર ભવિષ્યના વિડિઓ છે.

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
પ્રકાર વાય સમકક્ષ હોય છે.

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
અને અન્ય લક્ષણો માં
કે DOT DOT ત્યાં DOT.

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
તેથી એચટીએમએલ થી આસપાસ રહ્યો છે
વેબ પાનાંઓ બનાવવા માટે 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 કહેવાય
ડે ફેક્ટો 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
માત્ર એક માર્કઅપ ભાષા બનીને HTML
ટિપ્પણીઓ હોય ક્ષમતા હોય છે.

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 લીટી પર નોટિસ
મારા href હેલો ટપકું HTML છે.

419
00:19:05,080 --> 00:19:09,050
તેથી તે ફક્ત ટપકું HTML હેલો ઉલ્લેખ કરે છે
જે વર્તમાન ડિરેક્ટરીમાં હાજર છે.

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
>> હું હેલો ટપકું HTML પર એક લિંક છે.

431
00:19:39,330 --> 00:19:42,860
અને હું કે ક્લિક કરો, તો હું વિચાર
આ પાનાં પર ખસેડવામાં

432
00:19:42,860 --> 00:19:47,050
અમે માંથી ખૂબ જ પરિચિત છો કે
અમારા કાર્યક્રમ ખૂબ જ શરૂઆત.

433
00:19:47,050 --> 00:19:50,880
હું ફરીથી ખુલ્લા પાનું પૉપ, તો હું તો
પોપ છબી લિંક છે, એક વધુ સમય ખોલવા

434
00:19:50,880 --> 00:19:54,420
હું પણ બાહ્ય જઈ શકે છે
CS50 વેબસાઇટ પર.

435
00:19:54,420 --> 00:19:56,740
અને ત્યાં અમે હું પડશે see--
થોડો ઝૂમ અહીં

436
00:19:56,740 --> 00:20:00,260
અમે CS50 વેબસાઇટ સૉર્ટ જોશો
અમારા પાનું મધ્યમાં જડિત.

437
00:20:00,260 --> 00:20:04,670
તેથી હું આંતરિક બનાવવા માટે સક્ષમ હતી
બાહ્ય કડી તેમજ લિંક.

438
00:20:04,670 --> 00:20:07,200
>> HTML સાથે છેલ્લા નિયમ કે
અમે અહીં વિશે વાત કરવા જઈ રહ્યાં

439
00:20:07,200 --> 00:20:09,510
તમારા HTML સારી રચના થવી જોઈએ છે.

440
00:20:09,510 --> 00:20:13,020
સી અમે વિશે ઘણું વાત
વસ્તુઓ વિવિધ વાક્યરચના.

441
00:20:13,020 --> 00:20:17,650
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
ઇનકેપ્સ્યુલેશન આ પ્રકારની શું છે
HTML સરસ અને વ્યવસ્થિત રાખે છે.

450
00:20:39,990 --> 00:20:44,370
>> સી વિપરીત, જોકે, વાક્યરચના ભૂલો નહીં
ખરેખર કદાચ તમારા HTML લૂલો.

451
00:20:44,370 --> 00:20:48,730
તમારા HTML નથી સારી હોઇ શકે છે
રચના છે પરંતુ હજુ પણ કામ કરશે.

452
00:20:48,730 --> 00:20:50,589
અને તેથી આ ભૂલો
દ્વારા સ્લાઇડ સૉર્ટ કરી શકો છો.

453
00:20:50,589 --> 00:20:52,130
તે ખરેખર જાગ્રત પ્રયત્ન કરવા પર છે.

454
00:20:52,130 --> 00:20:54,760
ક્યારેક તેઓ નિષ્ફળ જશે પરંતુ
ક્યારેક તમે તેની સાથે દૂર વિચાર કરી શકો છો.

455
00:20:54,760 --> 00:20:56,509
>> તે ખરેખર હોઈ શકે છે
મુશ્કેલ કાર્ય છે, છતાં,

456
00:20:56,509 --> 00:21:00,660
તમે જ્યારે ખોલવામાં આવે ત્યારે ટ્રેક રાખવા માટે
ટેગ, તો તમે તેને બંધ જ્યારે,

457
00:21:00,660 --> 00:21:04,110
ખાસ કરીને તમારા HTML તરીકે
ફાઈલો મોટી અને મોટી મળે છે.

458
00:21:04,110 --> 00:21:05,490
તમે થોડી મદદ કરવા માંગો છો પડશે.

459
00:21:05,490 --> 00:21:07,560
અને ઓનલાઇન છે
માન્યકર્તા સાધનો કે જે તમે

460
00:21:07,560 --> 00:21:11,474
તમારા વેબ પર એક નજર હોય છે ઉપયોગ કરી શકો છો
પાનું અને તે સારી રીતે રચના HTML તો જુઓ.

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
તમે વિચાર માત્ર જેથી, HTML લખી
આયોજન વિશે કેટલીક સારી ટેવો

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