22
Oct

How to Create a List in HTML – HTML – Computer Science Class 12


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

Tags: , , , , , , , , , , , , , , , , ,

One Comment

  • Ekeeda says:

    Hello Friends,

    Watch Full Video Series of Subject Computer Science Class 12 Complete Free only on Ekeeda Application.

    Download Ekeeda Application.

    Android:- https://play.google.com/store/apps/details?id=student.ekeeda.com.ekeeda_student&hl=en

    iOS:- https://itunes.apple.com/tt/app/ekeeda/id1442131224

Leave a Reply

Your email address will not be published. Required fields are marked *