Friday, November 17, 2023

html unordered list



Unordered List HTML


html unordered list/output


Q. what is the  unordered list in  html?

 HTML Unordered List :-

  
                   1]   Unordered list is a Bulleted  Format.
                   2]  Unordered list starts with the <ul> tag.
                   3]  Unordered list end </ul> tag.
                   4]  Each unordered list item starts  with the <li> tag.
                   5]  Each Unordered list items end with the</li> tag.
              

Syntax :-

          <ul type=" put the list type "> 


 Que . What is the type  of unordered list in html ?

          Unordered list 4 type of bulleted format.
         
              1)    type = "disc"
              2)    type =  "circle"
              3)    type =  "square"
              4)    type =  "none"

1) disc :-

             disc is the default style.
             disc list items are maked with bullets.

Syntax :-

             <ul type="disc">

  HTML Unordered List (disc)  Example  :-           

<html>
<body>
<h1>Unordered list</h1>
    <h2> disc</h2>
    <ul type="disc">
        <li>Seeta</li>
        <li>Ram</li>
        <li>swami</li>
        <li>Mahadev</li>
    </ul>
</body>
<html>


HTML Unordered List (disc) 

Output :-

HTML Unordered List (disc) output



  









HTML Unordered List 

2) circle :- 

                  circle type is the list items are marked with circle.

Syntax :-

                 <ul type="circle">                   

HTML Unordered List(circle)  Example:-

<html>
<body>
<ul type="circle">
        <h2>Circle</h2>
        <li>Seeta</li>
        <li>Ram</li>
        <li>swami</li>
        <li>Mahadev</li>
    </ul>
</body>
<html>

HTML Unordered List(circle) 

Output :-

html unordered list( circle) output






HTML Unordered List

3) square :-

                square  items  are marked with the square.

Syntax :-

        <ul type="square">


HTML Unordered List(square) Example :-

 <html>
<body>
   <ul type="square" >  
<h2>Square</h2>
        <li>Seeta</li>
        <li>Ram</li>
        <li>swami</li>
        <li>Mahadev</li>
</body>
<html>
  

HTML Unordered List(square) 

Output :-

html unordered list(square) output








html unordered list

4) none :-

    none list item are not a marked.

Syntax : 

            <ul type="none">


html unordered list(none) Example :-

 <html>
<body>
<ul type="none" >
        <h2>None</h2>
        <li>Seeta</li>
        <li>Ram</li>
        <li>swami</li>
        <li>Mahadev</li>
    </ul>

</body>
</html>

html unordered list(none) output

html unordered list(none) output







Related Post :-

php program to print alphabet pattern C

php program check to even odd number

html description list | with example

at
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Learn Web Designing Step by Step with Web Designing Theory

Web Designing Theory – A Journey from Struggle to Web Development Success Sometimes students feel confused while learning coding and web d...