1
00:00:00,660 --> 00:00:04,430
그래서 제가 이야기하고 싶은 다음 요소는 HCM l 테이블입니다.

2
00:00:04,770 --> 00:00:12,110
그래서 테이블은 우리가 테이블에 대한 인도 페이지에서이 차트 나 테이블을 여기에서 만드는 방법입니다.

3
00:00:12,480 --> 00:00:15,760
여기에 차트가 있습니다.

4
00:00:16,620 --> 00:00:23,090
색상에 대한 다른 테이블이 있습니다. 여기에 우리가 작업 할 유형의 몇 가지 예가 있습니다.

5
00:00:23,340 --> 00:00:25,300
그래서 이들은 본질적으로 테이블입니다.

6
00:00:25,380 --> 00:00:26,560
그들은 꽤 간단합니다.

7
00:00:26,560 --> 00:00:34,800
분명히 그들은 스타일이없는 가장 아름다운 물건은 아니지만 정보를 표 형식으로 표시하는 데 매우 유용합니다.

8
00:00:34,800 --> 00:00:37,580
나는 계속해서 논평 할 것이다.

9
00:00:37,860 --> 00:00:55,550
이 파일의 많은 부분이 장엄한 명령 슬래시로 기억됩니다. 새로운 테이블 요소와 모든 테이블의 내부에 넣을 것입니다.이 작업은 몇 가지 다른 방법이 있으므로 약간 까다로워집니다.

10
00:00:55,560 --> 00:01:08,590
먼저 우리는 테이블 행을 나타내는 t r 요소를 작성한 다음 각 테이블 행의 내부에 요소를 배치한다는 것을 보여줍니다.

11
00:01:08,790 --> 00:01:14,490
그래서 저는 여러분에게 처음으로 사진을 보여주기 위해이 글을 쓰고 다시 와서 토론 할 것입니다.

12
00:01:14,490 --> 00:01:23,670
그래서 tiddy와 우리는 여기에 임의의 텍스트를 넣을 것입니다. 그래서 붉은 색과 오렌지색으로 돌아가서 그것을 그대로 두겠습니다.

13
00:01:23,700 --> 00:01:27,150
내 페이지를 새로 고침하고 나는 아름다운 테이블을 가지고있다.

14
00:01:27,150 --> 00:01:32,320
그러나 나는이 테이블에 경계선이 없으므로 무슨 일이 일어나고 있는지보기가 어렵습니다.

15
00:01:32,460 --> 00:01:34,340
CSSA를 사용하면됩니다.

16
00:01:34,350 --> 00:01:41,040
일반적으로 이것은 경계 속성을 사용하여 여기에서 수행 한 좋은 아이디어가 아닙니다.

17
00:01:41,160 --> 00:01:43,760
이것은 일을하는 옛 방식의 일종입니다.

18
00:01:43,830 --> 00:01:54,780
이것은 당신이 C S에서 모든 스타일링을하는 것에 더 집중하기 전에 기본적으로 시간을 되돌아 볼 수있는 방법입니다. 그래도 여전히 할 수 있습니다.

19
00:01:54,780 --> 00:01:56,960
여기서 일어날 일을 보여주기 위해 여기에 추가 할 것입니다.

20
00:01:57,120 --> 00:02:04,360
그래서 내가 한 것은 한 행의 테이블로 만들어졌으며 행 대신 TDL에 두 개의 요소가 있습니다.

21
00:02:04,770 --> 00:02:20,070
그래서 나는 또 하나의 행을 만들 수 있습니다. 그리고 나는 초록색과 노란색을 만들고 잠시 시간을내어 새로 고침 할 때 이것이 어떻게 생겼는지 생각해 볼 것입니다.

22
00:02:20,070 --> 00:02:25,070
우리 모두는 이제 붉은 색과 오렌지색 그리고 황색과 녹색의 두 줄을 가지고 있습니다.

23
00:02:25,890 --> 00:02:32,990
그래서 다시 우리는 각 행에 대해 t r을 얻은 다음 각 셀에 T d를 얻습니다.

24
00:02:33,900 --> 00:02:35,300
그래서 훌륭합니다.

25
00:02:35,310 --> 00:02:45,090
다음에 내가 보여주고 싶은 것은 표에 표제를 붙이는 방법입니다. 그래서 우리의 데이터를 조금 바꾸어 사람들에 대해이 표를 만들어 봅시다.

26
00:02:45,090 --> 00:02:59,950
그래서 우리는 이름과 나이와 같은 것을 가지고있을 것입니다. 그리고 그 아래에 우리는 당신이 아는 이름을 알고있을 것입니다. 아니면 이것은 개가 녹슨 개를보아야한다는 개입니다.

27
00:02:59,970 --> 00:03:04,130
내 다른 개는 13 세입니다.

28
00:03:04,260 --> 00:03:11,250
이렇게하기 위해서 우리는 이름과 나이가 테이블의 굵은 글씨 표제의 일부가되기를 원합니다.

29
00:03:11,250 --> 00:03:12,770
그리고 또 다른 요소가 있습니다.

30
00:03:13,080 --> 00:03:20,380
We''re는 Th라고 이름이 지어지는 태그를 사용할 예정이다.

31
00:03:20,940 --> 00:03:23,820
그래서 테이블 헤드 나 테이블 헤더를위한 것입니다.

32
00:03:24,370 --> 00:03:46,970
그리고 우리는 이름과 나이를 갖게 될 것입니다. 그러면 우리의 첫 번째 행은 앞으로 나아가 러스티를 채울 것이고 그의 나이는 다음 행은 와이어트와 13 세가 될 것입니다.

33
00:03:47,610 --> 00:03:49,220
그것은 개를 위해서 좋다.

34
00:03:49,590 --> 00:03:51,320
그래서 나는 그 페이지를 새로 고친다.

35
00:03:51,540 --> 00:03:56,170
오 잘 당신이 내 의견을 내 아름다운 다이어그램을 볼 수 있습니다.

36
00:03:56,910 --> 00:03:58,240
그리고 지금 내 테이블이있다.

37
00:03:58,470 --> 00:04:06,070
그래서 나는 한 칸에 th를, 두 개의 요소가있는 다른 행이 있고 두 개의 요소가있는 또 다른 행을 가졌습니다.

38
00:04:06,150 --> 00:04:08,540
그래서 우리가 여기에서 토론 할 수있는 또 하나의 다른 것.

39
00:04:08,850 --> 00:04:13,150
정확히 동일한 테이블을 만드는 데 약간 더 복잡한 방법이 있습니다.

40
00:04:13,620 --> 00:04:19,590
그리고 그것은 실제로 더 복잡합니다. 우리 테이블에 더 많은 의미를 부여하는 또 다른 태그 또는 두 가지입니다.

41
00:04:19,590 --> 00:04:25,900
그래서 지금 우리의 표제 정보는 두 개의 헤더가 정규 TR의 일부입니다.

42
00:04:26,100 --> 00:04:31,370
그래서이 TR과이 TR은 구별되지 않습니다. 둘 다 단지 테이블 행입니다.

43
00:04:31,680 --> 00:04:38,620
처음 5 개 팀 중 처음에는 각 팀을 구성하고 마크 업을하는 것이 다소 의미가 있습니다.

44
00:04:38,640 --> 00:04:55,350
그래서 일부 다른 코드가이 사이트를보고 있고 스크린 리더 스크린 리더 코드를 사용하는 누군가가 내 세살 된 HMO를 볼 수 있고 그것을 읽고 그것이 표제가 무엇인지를 알게 될 것입니다. 큰 소리로 모든 도로를 읽는 것보다 약간 다르게.

45
00:04:55,350 --> 00:05:08,670
그래서 우리가 할 수있는 것은 두 가지 요소가 있습니다. T 머리와 몸통이 추가되어 외관상 전혀 다른 점이 없습니다.

46
00:05:08,860 --> 00:05:17,550
하지만이 머리 부분에 해당하는 모든 것을 T 헤드로 옮기는 것만 할 수 있습니다.

47
00:05:18,810 --> 00:05:31,610
그리고 나서 제가해야 할 일은 테이블의 실제 몸체를 모든 내용물을 몸 안으로 옮겨서 동일하게 보이므로 바뀌지 않아야합니다.

48
00:05:31,770 --> 00:05:38,870
다른 하나를 빠르게 변경하여 다른 열을 추가하여 이름과 나이가되도록하십시오.

49
00:05:39,690 --> 00:05:46,320
그래서 resti는 mutt이고 왜 그것이 황금인지에 대한 것입니다.

50
00:05:46,950 --> 00:05:47,610
우리는 거기에 갈.

51
00:05:47,760 --> 00:05:50,340
이것이 테이블의 기초입니다.

52
00:05:50,340 --> 00:05:52,470
다시 그들은 보통 그 못생긴 것이 아닙니다.

53
00:05:52,470 --> 00:05:57,450
우리는 대개 C S를 사용하므로 어떤 스타일링도없는 일반적인 테이블 일뿐입니다.

54
00:05:57,450 --> 00:06:01,880
그리고 나서 우리는 글꼴을 평가하고 변경하고 테두리와 배경색 및 그 모든 것을 추가하는 것을 보게 될 것입니다.

55
00:06:02,130 --> 00:06:02,930
좋아.