1
00:00:00,000 --> 00:00:00,290

2
00:00:00,290 --> 00:00:03,310
>> సల ఇది HTML కాదని అవుతుంది
మీరు లోపల ఉపయోగించవచ్చు భాష

3
00:00:03,310 --> 00:00:03,895
ఒక వెబ్ పేజీ యొక్క.

4
00:00:03,895 --> 00:00:08,100
మీరు CSS అనే ఉపయోగించడానికి, లేదా చేయవచ్చు
క్యాస్కేడింగ్ స్టైల్ షీట్లు, అలాగే.

5
00:00:08,100 --> 00:00:12,120
CSS మీరు మరింత తెలుపుటకు అనుమతించును
వెబ్ ఖచ్చితంగా సౌందర్యం

6
00:00:12,120 --> 00:00:16,930
లేఅవుట్ మరియు పరిమాణాలు సహా పేజీ, మరియు
రంగులు మరియు ఫాంట్లు మరియు మరింత.

7
00:00:16,930 --> 00:00:20,820
ఉదాహరణకు, యొక్క ఒక వెబ్ పేజీ సృష్టించడానికి వీలు
ఒక ప్రాతినిధ్యం ఇక్కడ అని CSS0

8
00:00:20,820 --> 00:00:22,740
జాన్ హార్వర్డ్, సే, హోమ్ పేజీ.

9
00:00:22,740 --> 00:00:25,480
>> ఈ పేజీలో, మేము ఉంటుంది జాన్ హార్వర్డ్ యొక్క
పేరు, ఉంటుంది ఇది కింద

10
00:00:25,480 --> 00:00:28,500
తన సందర్శకులు కోసం ఒక nice సందేశం, కింద
ఇది తో, ఒక ఫుటరు ఉంటుంది

11
00:00:28,500 --> 00:00:30,590
, కొన్ని కాపీరైట్ సమాచారం చెప్పడానికి.

12
00:00:30,590 --> 00:00:34,650
ఇది చేయుటకు, యొక్క మూడు విభాగాలు నిర్వచిద్దాము
ఒక ట్యాగ్ ఉపయోగించి పేజీ కోసం

13
00:00:34,650 --> 00:00:35,670
DIV అని.

14
00:00:35,670 --> 00:00:43,880
ఓపెన్ బ్రాకెట్ div, జాన్ హార్వర్డ్, దగ్గరగా
బ్రాకెట్ div, మరో ఓపెన్ బ్రాకెట్ div,

15
00:00:43,880 --> 00:00:48,330
మరియు ఇప్పుడు మేము ఏదో పేర్కొనండి
వంటి, నా హోమ్ పేజీకి స్వాగతం!

16
00:00:48,330 --> 00:00:50,420
మరియు అలాగే, యొక్క ఈ DIV దగ్గరగా తెలియజేయండి.

17
00:00:50,420 --> 00:00:53,700
>> ఇప్పుడు ఒక మూడవ మరియు ఆఖరి
div, కాపీరైట్.

18
00:00:53,700 --> 00:00:58,250
కేవలం ఫ్యాన్సీ, నాకు ఇప్పుడు ఒక HTML ఉపయోగించడానికి
పరిధి, ప్రాతినిధ్యం చిహ్నంగా

19
00:00:58,250 --> 00:01:01,140
ఒక పాత్ర మీరు లేకపోతే చేయలేని
మీ కీబోర్డ్ లో టైప్.

20
00:01:01,140 --> 00:01:07,490
ముఖ్యంగా, నేను వెళుతున్న
ఏంపర్సెండ్, పౌండ్, 169, సెమికోలన్.

21
00:01:07,490 --> 00:01:10,620
సంఖ్యాత్మక కోడ్ అవుతుంది
కాపీరైట్ చిహ్నం కోసం.

22
00:01:10,620 --> 00:01:14,260
అప్పుడు యొక్క జాన్ హార్వర్డ్ పేర్కొనండి తెలియజేయండి
ఇక్కడ క్రింద.

23
00:01:14,260 --> 00:01:17,180
యొక్క div మూసివేసి, ఫైలు సేవ్ లెట్.

24
00:01:17,180 --> 00:01:18,910
>> ఇప్పుడు, ఈ DIV ట్యాగ్ ఏమిటి?

25
00:01:18,910 --> 00:01:21,970
DIV ట్యాగ్ కేవలం ఒక విభాగాన్ని నిర్వచిస్తుంది
ముఖ్యంగా ఇది పేజీ, ఒక

26
00:01:21,970 --> 00:01:23,310
దీర్ఘచతురస్రాకార ప్రాంతంలో.

27
00:01:23,310 --> 00:01:26,850
కాబట్టి సమయం లో ఈ సమయంలో, నేను మూడు
దీర్ఘచతురస్రాకార ప్రాంతాల్లో, పైన ఒక

28
00:01:26,850 --> 00:01:27,620
ఇతర.

29
00:01:27,620 --> 00:01:30,610
కాబట్టి ఇప్పుడు కోసం, ప్రభావం దాదాపు వంటి ఉంది
నేను మూడు పేరాలు వచ్చింది అయితే.

30
00:01:30,610 --> 00:01:33,490
కానీ మేము చాలా ఎక్కువ చూడలేరు
వాటి మధ్య ఖాళీ ప్రదేశం.

31
00:01:33,490 --> 00:01:36,170
>> మార్చడానికి, యొక్క ఈ ఫైలు సేవ్ చేసేలా దాని
అనుమతులు మరియు ఒక కోసం పరిశీలించి

32
00:01:36,170 --> 00:01:37,990
Chrome లో క్షణం.

33
00:01:37,990 --> 00:01:43,040
Chmod ఒక + CSS0.html r.

34
00:01:43,040 --> 00:01:52,440
Chrome మరియు పర్యటన ప్రారంభించిన ఇప్పుడు లెట్స్
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
నిజానికి, ఇక్కడ ఒక హోమ్ పేజీ వార్తలు
జాన్ హార్వర్డ్ కోసం.

36
00:01:54,630 --> 00:01:59,370
యొక్క ఇప్పుడు కొంచెం ఇది stylize లెట్
ఖచ్చితంగా కొన్ని CSS ఉపయోగించి.

37
00:01:59,370 --> 00:02:03,510
>> తిరిగి gedit లో, ఈ వీడలేదు
మొదటి DIV ట్యాగ్ మరియు ఒక శైలి జోడించండి

38
00:02:03,510 --> 00:02:11,060
నేను ఇష్టపడే తెలుపుతూ కేటాయించండి ఒక
ఫాంట్ సే, యొక్క పరిమాణం, 36 పిక్సెళ్ళు, లేదా px.

39
00:02:11,060 --> 00:02:15,650
మరియు నేను ఈ ఫాంట్ బరువు కావలసిన
కాకుండా డిఫాల్ట్ కంటే బోల్డ్ ఉండాలి,

40
00:02:15,650 --> 00:02:16,980
ఇది సాధారణ ఉంది.

41
00:02:16,980 --> 00:02:21,170
రెండవ div కోసం, యొక్క పేర్కొనండి తెలియజేయండి
ఒక కలిగి మరొక శైలి లక్షణం

42
00:02:21,170 --> 00:02:25,550
ఫాంట్ 24 పిక్సెళ్ళు యొక్క పరిమాణం, కాబట్టి
కొద్దిగా చిన్న.

43
00:02:25,550 --> 00:02:28,410
సెమికోలన్ తర్వాత Close కోట్లు.

44
00:02:28,410 --> 00:02:33,255
>> చివరగా, ఈ మూడవ div లో, యొక్క తెలియజేసేలా
శైలి కోట్, ఫాంట్ పరిమాణం సమానం, మరియు

45
00:02:33,255 --> 00:02:35,340
యొక్క 12 పిక్సెళ్ళు ఈ సమయంలో పిలవబడు.

46
00:02:35,340 --> 00:02:37,280
సెమికోలన్ తరువాత దగ్గరగా కోట్.

47
00:02:37,280 --> 00:02:40,200
నేను ఉన్నారు ఆ తరువాత గమనించండి
కోసం శైలీకృతం పేర్కొన్న ఒక బిట్

48
00:02:40,200 --> 00:02:43,770
ఉపయోగించి ఈ మూడు divs ప్రతి,
ఇది, CSS అవుతుంది.

49
00:02:43,770 --> 00:02:47,820
నిజానికి, మీరు చూసే వాక్యనిర్మాణం
ఆ డబుల్ కోట్స్ మధ్య CSS, ఉంది

50
00:02:47,820 --> 00:02:50,620
ప్రత్యేకంగా లక్షణాలు CSS
విలువలతో.

51
00:02:50,620 --> 00:02:53,910
నేను కలిగి ఉన్న మొదటి ట్యాగ్, కోసం
రెండు లక్షణాలు, ఫాంట్ పరిమాణం మరియు

52
00:02:53,910 --> 00:02:57,290
ఫాంట్ బరువు, నేను కేవలం వేరు
ఒక సెమికోలన్ తో వాటిని.

53
00:02:57,290 --> 00:02:59,940
>> ఇప్పుడు, కేవలం శైలి కోసమని నేను
కూడా చేర్చారు సెమికోలన్లు వద్ద

54
00:02:59,940 --> 00:03:00,880
ప్రతి లైన్ చివరిలో.

55
00:03:00,880 --> 00:03:04,270
కానీ వారు ఖచ్చితంగా అవసరమైన లేదు,
మీరు కేవలం ఒక కలిగి ముఖ్యంగా

56
00:03:04,270 --> 00:03:05,580
ఆస్తి నిర్వచించిన.

57
00:03:05,580 --> 00:03:08,370
ఇప్పుడు ఫైల్ సేవ్ మరియు రీలోడ్ తెలియజేయండి
Chrome లో, మరియు చూసే

58
00:03:08,370 --> 00:03:11,000
నికర ప్రభావం.

59
00:03:11,000 --> 00:03:13,470
తిరిగి Chrome లో ఇక్కడ,
యొక్క రీలోడ్ క్లిక్ చేయండి.

60
00:03:13,470 --> 00:03:15,800
>> ఇప్పుడు మేము కొద్దిగా ఎక్కువ ఆసక్తికరమైన ఉంటాయి
జాన్ కోసం హోమ్ పేజీ

61
00:03:15,800 --> 00:03:19,000
హార్వర్డ్, తో అనగా మొదటి లైన్
ఆ లోపలి ఇది తన పేరు,

62
00:03:19,000 --> 00:03:23,470
మొదటి div, కూడా 36 పిక్సెళ్ళు పొడవు మరియు
బోల్డ్ ఫేస్, అనగా రెండవ లైన్,

63
00:03:23,470 --> 00:03:27,340
ఆ రెండవ div లో ఇది 24,
పొడవైన, కానీ బోల్డ్ ఫేస్ పిక్సెళ్ళు.

64
00:03:27,340 --> 00:03:31,500
వస్తే మూడవ మూడవ లైన్
div కూడా 12 పిక్సెళ్ళు పొడవు మరియు

65
00:03:31,500 --> 00:03:32,610
బోల్డ్ ఫేస్ కాదు.

66
00:03:32,610 --> 00:03:35,380
కానీ ఇప్పుడు అనుకుందాం నేను మార్చేందుకు కావలసిన
ఈ టెక్స్ట్ యొక్క అన్ని

67
00:03:35,380 --> 00:03:36,650
ఇది కేంద్రీకృతమై అలాంటి.

68
00:03:36,650 --> 00:03:40,480
>> నేను వ్యక్తి యొక్క ప్రతి align కాలేదు
కేంద్రీకృతమై గా divs.

69
00:03:40,480 --> 00:03:45,330
కానీ మరింత సులభంగా, నేను ఆ చుట్టు సర్దుబాటు కాలేదు
నాల్గవ DIV లోపలి మూడు divs, ఒక

70
00:03:45,330 --> 00:03:49,360
మాతృ div, మాట్లాడటానికి, మరియు తెలుపుటకు
ఆ DIV మరియు అన్ని దాని

71
00:03:49,360 --> 00:03:52,610
వారసులు ఉండాలి
టెక్స్ట్ సెంటర్ సమలేఖనమైంది?

72
00:03:52,610 --> 00:03:54,120
యొక్క పరిశీలించి చూద్దాం.

73
00:03:54,120 --> 00:03:58,510
>> Gedit లోపలి, యొక్క తిరిగి వీడలేదు నా
శరీరం మరియు ఒక కొత్త div టాప్ జోడించండి

74
00:03:58,510 --> 00:04:04,460
div, శైలి కోట్ unquote సమానం
టెక్స్ట్ సమలేఖనం సెంటర్, దగ్గరగా

75
00:04:04,460 --> 00:04:06,250
సెమికోలన్ తరువాత కోట్.

76
00:04:06,250 --> 00:04:10,280
ఇప్పుడు, యొక్క అన్ని ముందుకు మరియు కావలసిన వీడలేదు
మేము ముందు టైపు ఆ రేఖల.

77
00:04:10,280 --> 00:04:15,040
మరియు మూడవ div క్రింద, లెట్స్
ఈ కొత్త div దగ్గరగా.

78
00:04:15,040 --> 00:04:18,829
>> ఇతర మాటలలో, ఎందుకంటే ఆ మూడు
అసలు divs ఇప్పుడు పిల్లలు, కు

79
00:04:18,829 --> 00:04:22,110
ఒక కొత్త మాతృ DIV యొక్క, మాట్లాడటం మరియు నేను చేసిన
నేను align చెయ్యాలనుకునే పేర్కొన్న

80
00:04:22,110 --> 00:04:26,140
మధ్యలో ఆ పేరెంట్ DIV యొక్క టెక్స్ట్
పేజీ యొక్క, ఆ ఆస్తి ఉంటుంది

81
00:04:26,140 --> 00:04:28,290
ఆ పిల్లల అన్ని సంక్రమించవు.

82
00:04:28,290 --> 00:04:32,370
నిజానికి, యొక్క ఫైలు సేవ్ చేసేలా మరియు
ఒక బ్రౌజర్ లో పరిశీలించి.

83
00:04:32,370 --> 00:04:34,650
యొక్క Chrome లో రీలోడ్ తెలియజేయండి.

84
00:04:34,650 --> 00:04:37,540
మరియు అక్కడ మేము ఇది, ఒక కూడా NICER ఉన్నాయి
జాన్ హార్వర్డ్ కోసం హోమ్ పేజీ.

85
00:04:37,540 --> 00:04:39,872