Link video: https://www.youtube.com/watch?

v=M19G7b34_Eo
1
00:00:00,140 --> 00:00:03,240
2
00:00:03,240 --> 00:00:10,240
Let's talk about two HTML
elements that come as a package deal
Hy cng tm hiu v hai thnh phn trong HTML gn kt vi nhau
3
00:00:11,750 --> 00:00:14,859
with parent and child tags. Those are
lists
c s dng th cha v th con. Chng l danh sch
00:00:14,859 --> 00:00:18,730
and tables. There are two kinds of lists
v bng. C hai loi danh sch
5
00:00:18,730 --> 00:00:23,850
- ordered lists and unordered lists. You
can use either as long as you remember
c sp xp v khng c sp xp. Bn c th s dng bt k min l bn ghi nh
6
00:00:23,850 --> 00:00:25,400
which one you used.
bn s dng loi no.
7
00:00:25,399 --> 00:00:29,358
The <ol> or <ul> tag is the parent
tag.
Th <ol> hoc <ul> l th cha.
8
00:00:29,359 --> 00:00:32,410
within it, every list item - that's
Nm trong l mi mc ca danh sch,
9
00:00:32,409 --> 00:00:36,439
every piece of information on your list
needs to be a
tt c mu thng tin nm trong danh sch ca bn cn c t trong
10
00:00:36,439 --> 00:00:39,689
<li> tag, which itself stands for list
th <li>, tng trng cho tng mc ca danh sch.
11
00:00:39,689 --> 00:00:46,399
item. Here's what it looks like on the
screen. The reason lists are so important
Trn mn hnh n s hin th nh th ny. Nguyn nhn khin cho danh sch tr nn quan trng
12
00:00:46,399 --> 00:00:49,450
is that they're the most common way to build
the navigation menu.
l v chng l cch thng dng nht to ra lnh n nh hng.
13

00:00:49,450 --> 00:00:54,649

Once we start talking about CSS, I'll give
you the link to a step-by-step website
Khi chng ta cp n CSS, ti s cung cp ng dn n mt trang web hng dn tng bc
14
00:00:54,649 --> 00:00:56,489
for turning an HTML list
v vic chuyn mt danh sch HTML
15
00:00:56,488 --> 00:01:01,339
into a functioning menu. Tables are
probably the clunkiest HTML
thnh mt lnh n chc nng. Bng c l l phn rm r nht trong HTML
16
00:01:01,340 --> 00:01:05,228
element, but they do have their uses. For
example,
nhng chng cng c mc ch s dng ring. V d,
17
00:01:05,228 --> 00:01:08,359
I listed Lilliana's ten favorite fonts in a table.
Ti ghi ra 10 phng ch yu thch ca Lilliana trong mt ci bng.
18
00:01:08,359 --> 00:01:13,390
Anytime you have a repeating series of
things that should all be presented in
Mi khi bn c mt chui lp i lp li m tt c chng cn c trnh by
19
00:01:13,390 --> 00:01:14,359
the same way
theo cch thc ging nhau,
20
00:01:14,359 --> 00:01:19,670
a table is a good way to go. But don't use tables to lay out or to do anything
mt ci bng l cch tt thc hin.Nhng ng s dng bng lit k hoc lm g
21
00:01:19,670 --> 00:01:20,850
too fancy
qu le lot
22
00:01:20,849 --> 00:01:23,989
because you'll end up making your code
needlessly complicated.
v bn s dn ti vic lm cho on m ca mnh phc tp khng cn thit.
23
00:01:23,989 --> 00:01:28,099
Tables have three levels. The parent tag
Bng c 3 cp. Th cha
24
00:01:28,099 --> 00:01:33,819
is <table> which is easy to remember
. Slightly more confusing is the first
l <table> rt d nh. Hid nhm ln mt t l
25
00:01:33,819 --> 00:01:34,809
child tag
th con u tin

26
00:01:34,810 --> 00:01:41,150
<tr> which stands for table row. Every
horizontal row you want to create in your
<tr> tng trng cho hng ca mt bng. Mi hng ngang bn mun to ra
27
00:01:41,150 --> 00:01:41,880
table
trong bng ca mnh
28
00:01:41,879 --> 00:01:46,599
is going to be in a <tr> tag. Finally,
s l mt th <tr>. Cui cng,
29
00:01:46,599 --> 00:01:49,709
the child tag of <tr> is <td>,
th con ca <tr> l <td>,
30
00:01:49,709 --> 00:01:54,478
which stands for table data. You may hear it
called a cell
tng trng cho thng tin ca bng. Bn c th nghe ngi khc gi n l mt
31
00:01:54,478 --> 00:01:58,140
or maybe just "the box where you actually
put the stuff.
hoc l " ci hp ni bn ".
32
00:01:58,140 --> 00:02:02,118
You can put images, texts whatever you
want in the <td> tag.
Bn c th nhp hnh nh, ch hoc bt c th g bn mun trong th <td>.