click the bell icon to get latest videos
from Ekeeda Hello friends
so up till now what we studied we
studied the structure of basic tags and
how to create a HTML document
practically that also we saw in the
previous lecture now in this lecture or
in this video we will be seeing how to
create a list in the document for an
example suppose if I want to create a
list of something to be displayed on the
webpage then to create those list we
have the various tags like unordered
list order list and the definition list
so in this video we will see how to make
a use of all these list starts in the
web document practically now let us see
how to create a list using HTML or tags
there are three types of Lists number
one is called as unordered list number
two is called as ordered lists and
number three is called as a definition
list now the difference between those
lists are the unordered lists are always
comes with the symbols symbols means you
can display unordered list either 50
bullets square or open circle whereas
the ordered lists are always displayed
with the numbers and the definition list
is used to create a definition to let us
see each list one by one first we will
start with the unordered list to create
an unordered list we use tag called as
ul tag then every list tag contains one
more tag into it and that tag is called
as Li tag Li X stands for the list item
so li tag is a common in both the list
in order lists and so and in unordered
list so while creating the list first we
start with the UL tag and every list
item is created by using a li tag and
after end of the everything then we
close the UL tag so let us start
creating a unordered list
you
now here I have created a simple
unordered list where I have displayed
three list items into it physics
chemistry and match now while displaying
this list with the help of a browser
this list items physics chemistry and
maths they will appear along with the
bullets means the by defined attribute
or by default symbol of the UL tag is
called as bullet now there comes a word
called as attribute so we have to
understand the meaning of attribute tag
attribute is a behavior or you can say
tag attribute is or something with the
help of which we can give some special
meaning to that tag so we can change the
tax behavior with the help of those tags
attribute the tag attribute always
written inside this start tag and it has
the form attribute name is equal to
value for an example you well tag has an
attribute called as type so the in the
type attribute we can define our three
values into it the number one value is
called a circle square or disc the by
defined attribute of the UL tag is a
disc or you can call it as bullet so if
I don't mention any attribute inside the
UL tag then by default attribute I mean
the by default behavior of UL tag will
be a disc now let us save the document
and then we will see how to give or how
to assign attribute to attack after
doing this I will click on again save
now let us try to open this file with
the help of web browser
see this is how the list has got
displayed physics chemistry and maths
and all these three list items has come
with the bullet or you can call them as
a list if you want to change the type of
this unordered list then there are two
values which we can mention specifically
the number one is called a circle and
number two is called as disc we will see
both the we will see the effect of both
the values
see this is how we mentioned the tag
attribute UL type is equal to circle so
every tag attribute is defined in this
way only tag attribute comes with the
newer comes with the start at the first
we write a tag name then we write type
is equal to I mean for every tags there
are different names of the attribute for
an example for this tag we have the
attribute name as a time so I will write
you so I have written UL type is equal
to value is circle so this is the form
of specifying the tag attribute
attribute name is equal to value here
Matt tribute name is a type and the
value is circle now let us save the
document
now see when I refreshed this document I
got the circle instead of the disk
because I change the behavior of data so
in the same way instead of circle you
can write this square also then instead
of circle the squares will get displayed
the squares will get displayed so this
is how we create our unordered list
now in the next we will see how to
create our order list order list
basically comes with the number so
instead of the bullets in the order list
the one two three numbers will get
displayed you just have to change the
tag name instead of Vol we use tag
called as oil to create unordered lists
save the document open the document with
the browser now see instead of circle
one two three has got displayed whenever
number comes I called it as order list
so like unordered list in the order list
we have the by default at we have the by
default values one two three numbers if
you want to change those values then
again we have the attribute called as
type now in the type in the order list
type attribute take several values you
can display the capital a or small
capital or small a to Z letters or you
can or you can display capital or small
Roman numbers or Arabic numbers for an
example we will see how to display
capital letters
again oil type is equal to a so when I
write o L type is equal to a instead of
one two three ABCD will get displayed
file/save open the file
see instead of a one two three this ABC
has got displayed so in the same way you
can display the capital or small Roman
numbers or small alphabets now one more
attribute is there that attribute is
called as start in this start attribute
suppose if I don't want to start my list
with the ABC or with the numbers or in
means if I want to start my list with
the any random number in the list or any
random numbers in the letter of
character set so in that case I use a
attribute called as start so in D so
practically we will see how to use a
start attribute instead of type I have
written here start so when I write start
is equal to D your list one get start
with the a it will start with the D so
start attribute is basically to start
your list with any random number or with
any random alphabet so this is how we
create order list
now the next we have to see how to
create definition list definition list
is used to create or use to display a
definition definition list comes with
three tags number one is DL DL stands
for the definition list then inside DL
again there are two more tags DT and D D
DT defines definition term and D D
defies definition itself for an example
suppose if I want to display the
definition of operating system then my
definition of operating system will be
it is a interface between the user and
computer so here operating system is a
definition term whereas the definition
after after
I mean my definition they interface but
it is an interface between user and
computer is called as my actual
definition so how to do that that we
will see I'm making a changes again so
now let us see how to create a
definition list my example is a
operating system so I will start with my
definition list all the stacks with the
di tag so I will write the year after DL
we define the definition term my
definition term is operating system
so inside DT I will write operating
system now actual my definition will
come
let us save the file
see this is how my definition the list
gets displayed operating system is a
definition term and after that I have
got the actual definition of an
operating system so this is how we
create a list using HTML tags we use
three HTML tags to create a list one is
your UL tag ul tag stands for the
unordered list then is the order list
which has the oil tag and in the last
tag is called as what DL DL tag stands
for the definition list so in the next
lecture next video we will see more
about the tags thanks for watching this
video
you
