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
ನೀವು ಸಿಎಸ್ಎಸ್ ಕರೆಯುವುದನ್ನು ಬಳಸಿ, ಅಥವಾ ಮಾಡಬಹುದು
ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್, ಹಾಗೆಯೇ.

5
00:00:08,100 --> 00:00:12,120
ಸಿಎಸ್ಎಸ್ ನೀವು ಹೆಚ್ಚು ಸೂಚಿಸಲು ಅನುವು
ವೆಬ್ ನಿಖರವಾಗಿ ಸೌಂದರ್ಯಶಾಸ್ತ್ರ

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
ತನ್ನ ಪ್ರವಾಸಿಗರಿಗೆ ಉತ್ತಮ ಸಂದೇಶವನ್ನು, ಕೆಳಗೆ
ಇದು, ಒಂದು ಅಡಿಟಿಪ್ಪಣಿ ಇರುತ್ತದೆ

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, ಜಾನ್ ಹಾರ್ವರ್ಡ್, Close
ಬ್ರಾಕೆಟ್ 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
ಕ್ರೋಮ್ ಕ್ಷಣ.

33
00:01:37,990 --> 00:01:43,040
Chmod ಒಂದು + CSS0.html ಆರ್.

34
00:01:43,040 --> 00:01:52,440
ಕ್ರೋಮ್ ಮತ್ತು ಭೇಟಿ ತೆರೆಯುತ್ತದೆ ಈಗ ಲೆಟ್
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
ವಾಸ್ತವವಾಗಿ, ಇಲ್ಲಿ ಮನೆಯ ಪುಟ ಇಲ್ಲಿದೆ
ಜಾನ್ ಹಾರ್ವರ್ಡ್ ಫಾರ್.

36
00:01:54,630 --> 00:01:59,370
ಈಗ ಸ್ವಲ್ಪ ಹೆಚ್ಚು stylize ಲೆಟ್
ನಿಖರವಾಗಿ ಕೆಲವು ಸಿಎಸ್ಎಸ್ ಬಳಸಿ.

37
00:01:59,370 --> 00:02:03,510
>> ಬ್ಯಾಕ್ ಜಿಎಡಿಟ್ Name, ಈ ಆಗದ
ಮೊದಲ 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
ಅಲ್ಪ ವಿರಾಮ ಚಿಹ್ನೆಯನ್ನು ನಂತರ ಮುಚ್ಚಿ ಉಲ್ಲೇಖಗಳು.

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 ಪ್ರತಿ,
ಇದು, ಸಿಎಸ್ಎಸ್ ತಿರುಗುತ್ತದೆ.

49
00:02:43,770 --> 00:02:47,820
ವಾಸ್ತವವಾಗಿ, ನೀವು ಕಾಣುವ ವಾಕ್ಯ
ಆ ಜೋಡಿ ಉದ್ಧರಣ ನಡುವೆ ಸಿಎಸ್ಎಸ್, ಆಗಿದೆ

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
ಈಗ ಫೈಲ್ ಉಳಿಸಲು ಮತ್ತು ರೀಲೋಡ್ ಅವಕಾಶ
ಕ್ರೋಮ್, ಮತ್ತು ನೋಡಿದರು

58
00:03:08,370 --> 00:03:11,000
ನಿವ್ವಳ ಪರಿಣಾಮ.

59
00:03:11,000 --> 00:03:13,470
ಬ್ಯಾಕ್ ಕ್ರೋಮ್ ಇಲ್ಲಿ,
ನ ರೀಲೋಡ್ ಮಾಡಿ.

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
>> ಜಿಎಡಿಟ್ Name ಒಳಗೆ, ನ ಹಿಂತಿರುಗಿ ಅವಕಾಶ ನನ್ನ
ದೇಹದ ಮತ್ತು ಹೊಸ DIV ಅಪ್ ಉನ್ನತ ಸೇರಿಸಿ

74
00:03:58,510 --> 00:04:04,460
DIV, ಶೈಲಿ ಉಲ್ಲೇಖ ಕೊಡುವುದು ಸಮನಾಗಿರುತ್ತದೆ
ಪಠ್ಯ ಧೃವೀಕರಣ ಸೆಂಟರ್, ನಿಕಟ

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
ಕ್ರೋಮ್ ನಲ್ಲಿ ರೀಲೋಡ್ ಅವಕಾಶ.

84
00:04:34,650 --> 00:04:37,540
ಮತ್ತು ನಾವು ಇದು, ಒಂದು ಒಳ್ಳೆಯದೆಂದು ಹೊಂದಿವೆ
ಜಾನ್ ಹಾರ್ವರ್ಡ್ ಮುಖಪುಟದಲ್ಲಿ.

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