1
00:00:07,390 --> 00:00:11,290
Let's talk about a HTML table.

2
00:00:12,610 --> 00:00:22,750
Tables are used to display data in a tabular format on a web page, and tables can be also used to organize

3
00:00:22,750 --> 00:00:31,990
and present data in a clear and structured way, such as displaying tabular data like financial reports,

4
00:00:31,990 --> 00:00:35,360
sports standing or product information.

5
00:00:35,380 --> 00:00:44,020
And additionally, tables can also be used for layout papers to create a grid structure of a web page.

6
00:00:44,320 --> 00:00:51,520
And I believe we have seen a couple of use cases about tables and web applications.

7
00:00:51,820 --> 00:00:57,190
It is time for us to use tables also in our application.

8
00:00:57,460 --> 00:01:06,820
Before we continue, let's have the clear differences between row and columns or vertical lines and

9
00:01:06,820 --> 00:01:12,610
horizontal lines, because we are going to use this technique a lot.

10
00:01:12,610 --> 00:01:16,150
So what are rows and columns?

11
00:01:16,510 --> 00:01:17,680
Let's take that.

12
00:01:17,680 --> 00:01:19,660
This is our table.

13
00:01:20,230 --> 00:01:24,220
And for this table we have some layout.

14
00:01:24,430 --> 00:01:30,070
So when we say a row, rows are the horizontal lines.

15
00:01:30,190 --> 00:01:35,620
So for this table, the row it from left to right.

16
00:01:36,430 --> 00:01:42,580
And in table, we call it as the rows, as a table row.

17
00:01:42,790 --> 00:01:47,770
So the row always start from left to right.

18
00:01:48,590 --> 00:01:50,640
What about the column?

19
00:01:50,660 --> 00:01:52,620
It's going to be the opposite.

20
00:01:52,640 --> 00:01:57,200
That is from top to bottom and in table.

21
00:01:57,200 --> 00:02:01,510
We call it a column and not in table alone.

22
00:02:01,520 --> 00:02:02,660
This is what we use.

23
00:02:02,660 --> 00:02:09,259
For example, if you get back to CSS and that is Flexbox, you're going to use row and columns also.

24
00:02:09,620 --> 00:02:16,520
So understand the differences between horizontal lines, vertical lines, rose and column for a table.

25
00:02:16,520 --> 00:02:18,700
This is how is being structured.

26
00:02:18,710 --> 00:02:25,160
So rows are from left to right and the vertical or the columns are from top to bottom.

27
00:02:25,910 --> 00:02:31,250
So for this table, we can see that this is one row.

28
00:02:31,280 --> 00:02:33,830
You can see this is first rule.

29
00:02:34,250 --> 00:02:37,970
And we can also have the second rule.

30
00:02:39,100 --> 00:02:40,300
As number two.

31
00:02:41,160 --> 00:02:45,420
And we can have the next row as that.

32
00:02:46,140 --> 00:02:48,660
And the columns are from top to bottom.

33
00:02:48,660 --> 00:02:54,870
So this is column one, Column two and column three.

34
00:02:55,910 --> 00:02:59,300
And in next concept is what we call a cell.

35
00:03:00,570 --> 00:03:03,510
A cell represents the table data.

36
00:03:04,410 --> 00:03:06,930
And we have the table head.

37
00:03:07,610 --> 00:03:11,090
DSL are the actual data inside it.

38
00:03:12,520 --> 00:03:16,300
And Table Head represents a title about the column.

39
00:03:16,660 --> 00:03:21,970
So in the next video, we will see how we're going to use HTML to create tables.

40
00:03:22,300 --> 00:03:24,280
Let's continue in the next video.