Friday, November 17, 2023

HTML Description List | with Example


  HTML Description List 

html description list /output









 HTML Description List  :-

Que.  What is dl tag html?

                        Description list (dl) tag. 
                        They are 3 tag used to define description list.
                      <dl> ,< dt>  & <dd> tag use.

                   

                  1) <dl> :-  tag use to defines the description list.

                   2) <dt> :-  tag used to defines data term /using the element /description                                         terms  name.

                   3) <dd>:- tag defines data definition /description each term.


HTML Description List Example :-

<html>
<head>
        <title>description list html</title>
</head>
<body>
    <h1>HTML description List </h1>
   <dl>
        <h3><dt> life</dt>      
        <dd>life is too short to spend your time Avoiding failure.
          </dd>
        <dt> Enjoy</dt>
        <dd>Enjoy life today because yesterday is gone<br>
         and tomorrow is never promised.</dd>
         <dt>Moments</dt>
         <dd>Best moments of our life are not captured by camera
        but are stored as good memories in our mine
           and they always makes us smile.</dd>
           </h3>
    </dl>
</body>
</html>


Read more 
VISIT THE LINK

html unordered list

html ordered list

html customer login form

Responsive image hrml


html unordered list


Unordered List HTML


html unordered list/output








Q. what is the  unordered list in the html?

 Unordered List :-

  
                   1]   Unordered list is a Bulleted  Format.
                   2]  Unordered list starts with the <ul> tag.
                   3]  Unordered list end with the </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







Read more 

Visit The  link

HTML Ordered List

HTML insert a background

html anchor tag

html/css customer login form



Tuesday, November 14, 2023

html list

 HTML List 

html list /output




HTML List :-

Different Type of  HTML list.

                   1] Ordered HTML  List.
                  2] Unordered HTML List 
                  3] Description  HTML List



1] Ordered HTML List :-

Q. what is the ordered list in html?

  •      Ordered list is also known as  Number list or alphabetical.
  •     All ordered html list items are marked with the Number in by default.
  •     Ordered list Starts <ol> tag and closing with the </ol> tag.
  •     Ordered list each  items start with the <li> tag and closing with the items </li> tag. 

   Ordered list  represent different Type

 1)  Numeric Number(1,2,3,4,5)

 2) Capital Roman Number (l ,ll , lll , lV)

 3) Small Roman Number( i, ii, iii, iv)

 4) Capital Alphabet (A,B,C, D)

 5) Small Alphabet (a, b, c, d)

Q. How to make ordered list in html.

Ordered HTML List :-

1) Numeric Number -

Ordered html list is numeric number is default type.
Numeric Number  is not defining type ="1"
.

 Example -

<!doctype html>
<html>
 body>
<h2>Ordered HTML List</h2>  
    <ol>
        <li>HTML</li>
        <li>CSS</li>
         <li>JAVASCRIPT</li>
    </ol>    
</body>
</html>


Output

ordered html list/output







2) Capital Roman Number (l ,ll , lll , lV) :-

Capital Roman Number  display list in roman number uppercase.

Capital Roman Number is  defining type ="I" .

Syntax :-

Ol type="I"

Example -

<!doctype html>
<html>
 body>
<h2>Ordered HTML List</h2>  

   <ol type ="I">
        <li>HTML</li>
        <li>CSS</li>
         <li>JAVASCRIPT</li>
    </ol>    
</body>
</html>



 Capital Roman Number  OUTPUT :-

Capital Roman Number/output







 3) Small Roman Number( i, ii, iii, iv) :-

Small Roman Number display list in roman number lowercase.
Small Roman Number is defining type ="i" 

Syntax :-

Ol  type = "i"

Example -

<html>
<body>
<h2>Ordered HTML List</h2>
 
    <ol type ="i">
        <li>HTML</li>
        <li>CSS</li>
         <li>JAVASCRIPT</li>
    </ol>  
</body>
</html>

 OUTPUT :-

lowercase html list /output






4)Capital Alphabet (A,B,C, D) :-

Capital Alphabet display list in Uppercase.
Capital Alphabet  is defining type ="A" 

Syntax :-

Ol  type = "A"

Example -

<html>
<body>
<h2>Ordered HTML List</h2>
<h3>Capital Alphabet </h3> 
    <ol type ="A">
        <li>HTML</li>
        <li>CSS</li>
         <li>JAVASCRIPT</li>
    </ol>
</body>  
 </html>

OUTPUT

capital alphabet list html/output

 5) Small Alphabet (a, b, c, d) :-


Small Alphabet display list in lowercase.

Small Alphabet is defining type ="a" 

Syntax :-

Ol  type = "a"

Example -

<html>
<body>
<h2>Ordered HTML List</h2>
    <h3>Small Alphabet </h3>
        <ol type ="a">
<!-- ordered html list syntax -->
            <li>HTML</li><!-- list tag -->
            <li>CSS</li>
             <li>JAVASCRIPT</li>
        </ol>
</html>
</body>

OUTPUT :-

output small alphabet /output







 Read more 

VISIT THE WEBSITE 

How to add image tag in html

html anchor tag

Customer login using html &css

Html unordered list