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
இந்த நாட்களில் எல்லா இடங்களிலும் HTML பார்க்க.

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
HTML ஒரு நிரலாக்க மொழி அல்ல,
மாறாக, அது பயன்படுத்தப்படும் ஒரு மொழி தான்

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
>> இணைய உலாவிகளில் என்றாலும், ஒரு பிட் மேலும் இருக்கின்றன
இது HTML வரும்போது மன்னிப்பவன்.

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 குறிச்சொல்லை அடிப்படையில், என்கிறார்
இங்கே சில 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
>> எனவே மேலே HTML, நாங்கள் உங்களுக்கு மிகவும் கொடுக்க வேண்டும்
ஒரு வலை பக்கம் அடிப்படை டெம்ப்ளேட்,

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
ஒன்று வழி, நீங்கள் ஒரு மிக முடிவடையும்
அழகாயிருக்கிறது வலைத்தளத்தில், இந்த மாதிரி ஏதாவது.

68
00:03:35,590 --> 00:03:39,730
>> சரி, என்று அழகாக இருக்கிறது, ஆனால் நான் வகையான
அதே இங்கே சில உரை வேண்டும்.

69
00:03:39,730 --> 00:03:43,020
அதனால் தான் ஒன்று சேர்க்கவும்
மேலே சூப்பர் எளிய

70
00:03:43,020 --> 00:03:45,210
தலைப்பு படத்தை,.

71
00:03:45,210 --> 00:03:50,830
நான் இதுவரை செய்த அனைத்து தலைப்பு பயன்படுத்த ஆகிறது
டேக், H1 மற்றும் ஒரு வரி முறிப்பு டேக், BR.

72
00:03:50,830 --> 00:03:54,900
தலைப்பு குறிச்சொல் எழுத்துரு ஒரு சிறிய செய்கிறது
பிட் பெரிய மற்றும் மிக முக்கிய.

73
00:03:54,900 --> 00:03:58,930
மற்ற வரி முறிப்பு டேக்,
கை, வகையான குளிர் உள்ளது.

74
00:03:58,930 --> 00:04:03,720
பெரும்பாலான மற்ற குறிச்சொற்களை போல், நீங்கள் இல்லை
ஒரு தொடக்க மற்றும் நிறைவு முறிப்பு டேக், தான்

75
00:04:03,720 --> 00:04:05,120
ஒரு மேலே.

76
00:04:05,120 --> 00:04:10,420
இடைவெளி உள்ளடக்கம் எதுவும் இல்லை, ஏனெனில் இது
மற்றும், எனவே ஒரு வெற்று உறுப்பு ஆகிறது.

77
00:04:10,420 --> 00:04:14,940
>> இந்த மாதிரி வெற்று உறுப்புகள், நீங்கள் திறக்க முடியும்
வெறுமனே ஒரே நேரத்தில் நெருங்கிய

78
00:04:14,940 --> 00:04:20,420
ஒரு முன் சாய்வு உட்பட
ஆரம்ப அறிவிப்பு இறுதியில்.

79
00:04:20,420 --> 00:04:24,390
எனவே இப்போது என் வலைத்தளத்தில் ஒரு சிறிய தெரிகிறது
இந்த மாதிரி ஏதாவது.

80
00:04:24,390 --> 00:04:27,410
சிறந்த, ஆனால் அது வகையான உணர்கிறது
ஒரு இறந்த இறுதியில் போன்ற.

81
00:04:27,410 --> 00:04:30,850
ஒதுக்கி போக எங்கும் வேறு இல்லை
இந்த முதன்மை பக்கம் இருந்து.

82
00:04:30,850 --> 00:04:33,075
சரி, அந்த சரி விடு
ஒரு இணைப்பு உட்பட.

83
00:04:33,075 --> 00:04:36,860
>> என்ன நான் இங்கே செய்ய போகிறேன் ஒரு பயன்படுத்த ஆகிறது
ஒரு குறிக்கப்படும் காரணம் செய்ய

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
>> இறுதியாக, நான் பாணி போகிறேன்
இந்த வலைத்தளத்தில் பின்னர் CSS பயன்படுத்தி.

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
நான் ஒரு உள்ளே ஐடி பண்பு பயன்படுத்தப்படும்
பிரிவு, அல்லது கிராம குறிச்சொல், நான் ஒரு பயன்படுத்தப்படும்

99
00:05:31,170 --> 00:05:34,120
வகுப்பு உள்ளே பண்பு
மற்றொரு கிராம குறிச்சொல்.

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
நான் CSS கொண்டு போகவில்லை என்றாலும்,
பொதுவாக பயன்படுத்தப்படும் மற்றொரு மொழி

106
00:05:54,750 --> 00:05:59,700
HTML இணைந்து, ஒரு முறை நான் ஸ்டைலிங் ஆரம்பிக்கிறேன்
CSS கொண்டு என் குறியீடு, நான் இந்த பயன்படுத்தலாம்

107
00:05:59,700 --> 00:06:03,730
செல்வாக்கு நிறுவன பண்புகளை
என் வலை பக்கம் அழகியல்.

108
00:06:03,730 --> 00:06:07,600
>> பிரிவு மேல் உள்ள அனைத்தையும்
இதே பாணிகளை அல்லது எந்த வேண்டும்

109
00:06:07,600 --> 00:06:12,010
ஒரு HTML நான் குழுவின் பிற குழு
வர்க்க படத்தை இதே போன்ற தோற்றம் பகிர்ந்து கொள்வோம்.

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
HTML மற்ற அம்சங்கள் ஒரு கொத்து உள்ளது
என்று பிற மொழிகளில் ஜோடியாக போது

114
00:06:25,280 --> 00:06:29,220
CSS மற்றும் JavaScript போன்ற, உண்மையில்
பக்கங்கள் வெளியே நிற்க வேண்டும்.

115
00:06:29,220 --> 00:06:32,960
வசதியாக பெற சிறந்த வழி
HTML, அதை சுற்றி ஒரு குழப்பம் இருக்கிறது

116
00:06:32,960 --> 00:06:35,120
என்ன வேலை, என்ன இல்லை பார்க்க.

117
00:06:35,120 --> 00:06:36,570
>> என் பெயர் Daven அம்மம்மா செத்தபோது ஆகிறது.

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 அம்மம்மா செத்தபோது ஆகிறது.

124
00:06:53,950 --> 00:06:58,560
இந்த cs 650 ஆகிறது.

125
00:06:58,560 --> 00:06:59,810
நான் CSS சொல்ல வேண்டும்.

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

127
00:07:02,325 --> 00:07:03,575
இந்த CSS ஆகிறது.

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