WEBVTT

00:00.000 --> 00:14.840
In this video we will understand how to create list in web page, how to add table in web page,

00:14.840 --> 00:20.840
in continuation with the previous video we will add lists and table on same web page.

00:20.840 --> 00:25.840
Open the previous HTML project to continue, creating an ordered list, we will create

00:25.840 --> 00:33.200
an ordered list for lilies 2, do list, open h2, my to do list, close h2, open p, here's

00:33.200 --> 00:41.400
what I need to do, close p, open ol, open li, complete homework, close li, open li, read

00:41.400 --> 00:50.720
a book, close li, open li, practice coding, close li, close ol, ol tag is used to create

00:50.720 --> 00:56.520
an ordered list, li tag is used to represent each item in the list, creating an unordered

00:56.520 --> 01:04.000
list, we will create an unordered list for lilies daily goals, open h2, my goals, close h2,

01:04.000 --> 01:10.920
open p, here are my daily goals, close p, open ul, open li, learn a new skill, close

01:10.920 --> 01:18.420
li, open li, exercise regularly, close li, open li, help others more, close li, close

01:18.420 --> 01:28.740
ul, ul, tag is used to create an unordered list, an ordered list, ol displays items in

01:28.740 --> 01:34.900
a numbered sequence, showing a specific order of importance or steps, an unordered list,

01:34.900 --> 01:41.780
ul displays items with bullet points, where the order doesn't matter, both use li tag

01:41.780 --> 01:49.140
for individual items, adding a table, we will add both the list in the table, open h2,

01:49.140 --> 01:56.380
5, adding a table, close h2, open p, here's a table with my to do list on one side and

01:56.380 --> 02:06.380
my goals on the other, close p, open table border equals 1, open tr, open th to do list,

02:06.380 --> 02:13.500
close table header, open table header, goals close table header, close table row, open table

02:13.500 --> 02:22.560
row, open table data, copy and paste ordered list, close table data, open table data, copy

02:22.560 --> 02:32.200
and paste unordered list, close table data, close table row, close table, table tag is

02:32.200 --> 02:34.200
is used to create a table.

02:34.200 --> 02:36.280
Border is an attribute of table tag

02:36.280 --> 02:38.560
that add border around the table.

02:38.560 --> 02:43.120
TR, table row is used for organizing rows of content.

02:43.120 --> 02:45.600
TH, table header.

02:45.600 --> 02:50.480
It defines the column headings to do list and goals.

02:50.480 --> 02:53.240
TD, table data.

02:53.240 --> 02:55.760
It contains content for each cell.

02:55.760 --> 02:59.600
Nested OL and UL, these lists are placed inside the table

02:59.600 --> 03:03.200
cells to organize the data.

03:03.200 --> 03:05.280
Save and view the web page.

03:05.280 --> 03:10.000
Download or save the file as index.html.

03:10.000 --> 03:13.080
Click on it to see whether it opened in the browser.

03:13.080 --> 03:18.080
We can see the lists and table been added on the web page.

03:18.080 --> 03:21.400
Keep experimenting with HTML to create even more amazing

03:21.400 --> 03:22.560
designs and layouts.