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

2
00:00:06,986 --> 00:00:10,450
>> DAVEN Farnham: આજે, હું જાઉં છું
HTML વિશે થોડુંક વાત,

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
હમણાં HTML જોયા.

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
વેલ, સી ખૂબ જ કડક સાથે ભાષા છે
જરૂરી છે કે syntactical નિયમો

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
>> તેથી ઉદાહરણ તરીકે, હું એક વિભાગ ખોલો
ની સાથે ખોલો કોડ શાળા

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
HTML માં લખાયેલ છે.

40
00:01:58,280 --> 00:02:01,970
એ 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
>> તમે અનુસરવામાં એક છબી ટેગ સાથે ખોલો
આ માં Alt લક્ષણ માં

60
00:03:05,910 --> 00:03:07,240
ઈમેજના સ્ત્રોત.

61
00:03:07,240 --> 00:03:12,030
આ Alt લક્ષણ કિંમત છે માત્ર કેટલાક
કિસ્સામાં વૈકલ્પિક લખાણ વપરાશકર્તા નથી કરી શકો છો

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
>> શું હું અહીં કરવા જાઉં છું એક ઉપયોગ છે
એક દ્વારા સૂચિત યશ અને બનાવવા માટે

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
હું મારા HTML માં આયોજન શરૂ કરવા માંગો છો
તેને સરળ પાછળથી શૈલી બનાવે છે.

97
00:05:21,290 --> 00:05:26,900
અહીં, હું બે પ્રકાર ના સેટ
મારી કોડ આયોજન મદદ આઇડેન્ટીફાયર.

98
00:05:26,900 --> 00:05:31,170
હું અંદર ID ને લક્ષણ ઉપયોગ કર્યા
વિભાગ, અથવા 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
>> તેથી અમે કેવી રીતે તેના મૂળભૂત પર ગયા
HTML સાથે વેબ પાનું છે.

113
00:06:21,480 --> 00:06:25,280
એચટીએમએલ પણ અન્ય લક્ષણો સમૂહ છે
કે અન્ય ભાષાઓ સાથે જોડી બનાવી ત્યારે

114
00:06:25,280 --> 00:06:29,220
CSS અને JavaScript, જેમ કે કરી શકો છો ખરેખર
પાના બહાર ઊભા છે.

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