ad

Tuesday, December 30, 2025

HTML label tag example

HTML  label tag example

web designing theory

Syntax 

 Syntax of HTML <label> tag

<label>.. .Label text.....</label>

HTML  label tag example
Example 

<!DOCTYPE html>
<html>
<head>
    <title> HTML label tag  </title>
</head>
<body>
<h1>  HTML label tag</h1>
    <label>Your Name :</label><br>
    <label>Your Class: </label><br>
    <label> Your Address:</label><br>
    <label>Your ID :</label><br>
</body>
</html>

HTML  label tag example
Explain Program

Step  1] 

<!DOCTYPE html>

  • This declare the document type.
  • browser that the document is written in html

Sunday, December 28, 2025

How to create HTML Dialog Box

How to create  an HTML  Dialog Box

web designing theory blogspot.com








Syntax 

 Syntax of HTML <dialog> tag

  <dialog open> .... Create HTML Dialog box..... </dialog>

How to create  an HTML  Dialog Box

Example 

<!doctype html>

<html>
<head>    
<title> HTMl dialog box</title>
</head>
<body>
    <p> Hii Friend</p>
    <p>Iearn  HTML dialog box </p>
    <P>  Use The  https://webdesigningtheory.blogspot.com </P>
     <P> Easy to learn </P>
      <P> Create HTML dialog box</P>
       <P> with example </P>
        <P> and  explanation</P>
        <dialog open> Create HTML Dialog box</dialog>
  </body>    
    </html>
   

How to create  an HTML  Dialog Box

Explain Program

Step  1] 

<!DOCTYPE html>

  • This declare the document type.
  • browser that the document is written in html

Friday, December 26, 2025

how to use textarea in HTML

how to use textarea in HTML

web designing theory

Syntax 

 Syntax of HTML <textarea> tag

<textarea>.......</textarea>

how to use textarea in HTML

Example 

<!DOCTYPE html>
<html>
    <head>
        <title>HTML textarea tag</title>
    </head>
    <body>
        <h1>  HTML textarea tag</h1>
        <textarea  rows="4" cols="50"> At webdesigningtheory.blogspot.com you will learn
offer free tutorials in all web development technologies learn visit us.
        </textarea>
       
    </body>
</html>

how to use textarea in HTML
Explain Program

Step  1] 

<!DOCTYPE html>

  • This declare the document type.
  • browser that the document is written in html

Wednesday, December 24, 2025

How To Add Border To Image in HTML

How To Add Border To Image in HTMLweb designing theory  blogspot.com

Syntax 

 Syntax of HTML <img src="..." style= " border . . ;" > tag

<img src=". . . " style="border:10px solid peru;">
   

How To Add Border To Image in HTML

Example 

 
<!DOCTYPE html>
     <html>
      <head> HTML Image  border tag</head>
     <body>
       <h2>How To Add Border To Images in HTML  </h2>

    <img src="https://img.freepik.com/free-photo/long-shot-bird-lake-with
    -blurred-background_23-2148245168.jpg?semt=ais_hybrid&w=740&q=80"
     </body>
   </html>

How To Add Border To Image in HTML

Explain Program

Step  1] 

<!DOCTYPE html>

  • This declare the document type.
  • browser that the document is written in html

Monday, December 22, 2025

how to use the HTML img tag

How To Use The HTML <img> Tag 

web designing theory

Syntax 

 Syntax of HTML <img im> tag


<img src=" . . . " alt=" . . . ">


  • HTML image tag is <img> element denoted 
  • HTML <img> tag  use purpose embed image in your web page.
  • HTML  Image tag   write  <img src ="..."> 
  • HTML  Image tag   URL/path.  to the image
  • HTML  Image tag  self -closing tag. 
  • HTML  Image tag is not closing tag,(only opening tag).
  • HTML browser to display image form file use .png, .jpg, .gif, ... etc

 How To Use The HTML <img> Tag 
 Example  

<!DOCTYPE html>
<html>
  <head> HTML Image tag</head>
  <body>
    <h2> How To Use The HTML img Tag  </h2>
    <img src="https://img.freepik.com/free-photo/long-shot-bird-lake-with
    -blurred-background_23-2148245168.jpg?semt=ais_hybrid&w=740&q=80"
     width="200" height="200">
  </body>
</html>

How To Use The HTML <img> Tag 

Explain Program

Step  1] 

<!DOCTYPE html>

This declare the document type.

browser that the document is written in html

Saturday, December 20, 2025

How to create Nested lists in HTML

How to create Nested lists in HTML

Syntax 

 Syntax of HTML <ul> tag


        <ul>
    <li> Item 1
   
    <ul>
      <li>sub-Item 1</li>
      <li>sub-Item 2</li>
      <li>sub-Item 3</li>
    </ul>
        </li>

       <li>Item 2</li>
       
   </ul>

  • HTML Nested list  means list inside another list.
  •  HTML Nested list  show  information in hierarchical  or sub-category format.
  • HTML Nested list  tag <ul> unordered list or <li>  inside contain list item.

How to create Nested lists in HTML

Example

<!DOCTYPE html>
<html>
  <head>
    <title> HTML nested list </title>
  </head>
  <body>
  <h1>  How to Create Nested lists in HTML </h1>
  <ul>
    <li> Web design
   
    <ul>
      <li>HTML</li>
      <li>CSS
      <li>PHP</li>
      <li>MYSQL</li>
    </UL></LI>

       <li>JAVA</li>
       
</ul>
  </body>
</html>

How to create Nested lists in HTML

Explain Program

Step  1] 

<!DOCTYPE html>

  • This declare the document type.
  • browser that the document is written in html

Thursday, December 18, 2025

what is HTML sup tag

What  is HTML  sup tag

Syntax 

 Syntax of HTML <sub>. . .</ tag


   <p> H <sub> 2 </sub> O </p>  

  html <sub> tag mean  :-  Subscript text 

html <sub> tag  use      :-   text display appears slightly normal text line
 
 what  is HTML  sup tag

Example

<!DOCTYPE html>
  <html>
    <head>
        <title> HTML superscript tag </title>
    </head>
    <body>
        <h1> Learn html supscript tag</h1>
     
   <h3>learn  Free <sub>HTML supscript tag</sub>
webdesigningtheory.blogspot.com</h3>

    </body>
   </html>


what  is HTML  sup tag

Explain Program

Step  1] 

<!DOCTYPE html>

  • This declare the document type.
  • browser that the document is written in html

Tuesday, December 16, 2025

how to use the kbd tag in html

How to use the  kbd tag in html

web designing theory

Syntax 

 Syntax of HTML <kbd> tag

<kbd>...TEXT ....</kbd>

HTML <kbd> tad is use to represent keyboard input.

how to use the  kbd tag in html

Example


<!DOCTYPE html>
  <html>
  <head>
      <title> HTML kbd tag  element </title>
 </head>
  <body>
    <h1>HTML kbd Tag  element  </h1>
    <p>Press <kbd>Ctrl</kbd>+<kbd>T</kbd> New tab in browser</p>
    <p>Cut <kbd>Ctrl</kbd>+ <kbd>F</kbd> Find  </p>
  </body>
     </html>


how to use the  kbd tag in html

Explain Program

Step  1] 

<!DOCTYPE html>

  • This declare the document type.
  • browser that the document is written in html

Monday, December 15, 2025

CSS Comment Tag Explain

CSS Comments Tag Explain


web designing theory

CSS Comments Tag Explain 

What is CSS comment tag

 CSS comments tag is CSS is note written by a programmer to explain the code the browser not read comments  so they do not affect the program output.


. A CSS comment starts with /* and ends with */. Anything written inside these symbols is ignored by the browser and does not affect the webpage design. Comments can be written on one line or across multiple lines. They are very useful when learning CSS, fixing errors, or temporarily disabling styles without deleting the code.

CSS Comments Tag Explain

Syntax :-

/*  this is css comment  */


  •                           Start with /*
  •                           Ends with */

  •  CSS comment tag use single-line or multiple  line.
  •  CSS comment tag  use  code remember things later
  •  CSS comment tag use code temporarily disable
  •  CSS  comment tag use code easy to understand for other.

CSS Comments Tag Explain

Example 


<!DOCTYPE html>
<html>
<head>
<title> css comment tag </title>

    <style>
     p{  text-align:center;
         color:rgb(19, 47, 253);
         font-size: 20px;
     }
     /* style is comment so will not word*/
     /*
     h2{
     background-color:pink;
     }  
     */      
   

    </style>

</head>
<body>
           
       <p>Hello every one</p>
      <p >learn to programming language</p>
        <h2>HTML,CSS,PHP</h2>
    <p>https://webdesigningtheory.blogspot.com/</p>
  </body>
  </html>


CSS Comments Tag Explain

Explain Program

Sunday, December 14, 2025

how to use the footer tag in HTML

how to use the footer tag in HTML

web designing theory

Syntax 

 Syntax of HTML <dialog> tag

<footer>......text ......  </footer>

how to use the footer tag in HTML

Example

<!DOCTYPE html>
<html>
    <head>
        <title> HTML footer tag</title>
    </head>
    <body>
        <h1> HTML footer tag </h1>
        <h2> learn HTML Tutorial follow this link <br>
https://webdesigningtheory.blogspot.com </h2>
             <ul>
                <li>HTML</li>
                <li>C</li>
                <li>Java</li>
                <li>PHP</li>
                <li>JavaScript</li>
                <li>SQL</li>
                <li>Python</li>
             </ul>
             <footer>
                 <P> Author Aishwary Jadhav</P>
                 <a href="https://webdesigningtheory.blogspot.com">
copyright 2021 All Rights Reserved </a>
             </footer>
    </body>
</html>

how to use the footer tag in HTML
Explain Program

Step  1] 

<!DOCTYPE html>

  • This declare the document type.
  • browser that the document is written in html

Friday, December 12, 2025

how to use html Search input type

how to use html Search input type

web designing theory

Syntax 

 Syntax of HTML <input type= "submit"> tag


  <input type="submit">

How to use html Search input type
Example



<!DOCTYPE html>
<html>
    <head>
        <title> HTML Display Search  tag </title>
    </head>
        <body>
            <form>
             <label for="searchg">Google Search</label>
             <input type="searchg" id="searchg" name="searchg">
              <input type="submit">
                </form>
         </body>
</html>


how to use html Search input type

Explain Program

Step  1] 

<!DOCTYPE html>

  • This declare the document type.
  • browser that the document is written in html

Monday, December 8, 2025

what is caption tag in html

what is caption tag in html

web designing theory

Syntax 

 Syntax of HTML <summary> tag

<caption>.......</caption>

what is caption tag in html

Example 


<!DOCTYPE html>
<html>
  <head>
    <title> HTML Caption tag</title>
    <style>
table, th, td {
  border: 1px solid black;
}
</style>
  </head>
  <body>
    <h2> HTML Caption element</h2>
    <table>
    <caption>Student information</caption>
    <tr>
      <th>Name</th>
      <th>class</th>
          </tr>
           
          <tr>
            <td>Radha</td>
           <td>BCA</td>
          </tr>
         <tr>
          <td>Seeta</td>
          <td>MCA</td>
         </tr>
       </table>
  </body>
</html>

what is caption tag in html

Explain Program

Step  1] 

<!DOCTYPE html>

  • This declare the document type.
  • browser that the document is written in html