WEBVTT FILE





1
00:00:05.120 --> 00:00:11.940
in this video we're going to learn how to create tables using HTML tables we

2
00:00:11.940 --> 00:00:16.379
can create using HTML are similar to the ones we can create using Microsoft Word

3
00:00:16.379 --> 00:00:22.470
for example so the syntax is pretty easy to create a table we're gonna use the

4
00:00:22.470 --> 00:00:30.090
table tags okay and then inside the tags we're gonna have the content of our

5
00:00:30.090 --> 00:00:36.090
table so first we're going to create a row or table row so to do that we're

6
00:00:36.090 --> 00:00:42.059
gonna use the TR tags for table row and then inside the tanks we're gonna have

7
00:00:42.059 --> 00:00:45.899
the content of our row usually the first row is for table

8
00:00:45.899 --> 00:00:51.000
headings so we're gonna create a few headings for our table so this table is

9
00:00:51.000 --> 00:00:57.079
going to be for famous IT people and we're just gonna have their names

10
00:00:57.079 --> 00:01:05.040
corresponding company and date of birth okay so the first column is gonna be the

11
00:01:05.040 --> 00:01:10.979
name so we're gonna create a table heading I'm gonna use the th tag for

12
00:01:10.979 --> 00:01:17.220
table heading it's gonna be named and then the second one is gonna be another

13
00:01:17.220 --> 00:01:34.259
heading company okay and then another heading for the data path okay now we're

14
00:01:34.259 --> 00:01:41.729
going to create another row and we're gonna be using the TR tanks again by

15
00:01:41.729 --> 00:01:47.130
this time we're not gonna have headings we are going to have table data so each

16
00:01:47.130 --> 00:01:52.680
cell is going to be referred to using table data so we're gonna use the TD row

17
00:01:52.680 --> 00:01:59.579
for table data okay so let's start with Mark Zuckerberg the co-founder of

18
00:01:59.579 --> 00:02:08.910
Facebook and so that's his name now we're gonna need his company so another

19
00:02:08.910 --> 00:02:16.900
table data okay for the company which is Facebook and another table data

20
00:02:16.900 --> 00:02:29.739
for the date of birth which is 1984 okay so let's create another table row and

21
00:02:29.739 --> 00:02:40.540
this time we're gonna go for Bill Gates sorry we need a table data for the name

22
00:02:40.540 --> 00:02:53.970
okay so Bill Gates so the company is Microsoft so another table data and

23
00:02:53.970 --> 00:03:08.730
finally the date of birth and on the table data 1955 okay and one last row so

24
00:03:08.730 --> 00:03:23.370
we're gonna have Steve Jobs the company is Apple and his date of birth

25
00:03:23.370 --> 00:03:31.900
he's also 1955 all right so that's the syntax of tables we'll see later on in

26
00:03:31.900 --> 00:03:37.859
the CSS chapter how to decorate table and add borders and so on