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

2
00:00:06,986 --> 00:00:10,450
>> DAVEN ఫార్న్హం: నేడు, నేను వెళుతున్న
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
Well, C చాలా కఠినమైన తో ఒక భాష
ఉండాలి వాక్యనిర్మాణ నియమాలు

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
Well, ఆ కేవలం టాగ్లు ఉంటాయి.

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
వెబ్ డిజైన్.

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
>> మీరు తరువాత ఒక చిత్రం టాగ్ తో ప్రారంభించిన
ద్వారా ఆల్ట్ లక్షణం లో

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, మరియు లైన్ బ్రేక్ ట్యాగ్, 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 TV పిలవబడు.

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
నేను ఒక లోపల 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
నేను 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 మరియు జావాస్క్రిప్ట్ వంటి, నిజంగా
పేజీలు నిలబడి.

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