ad

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

Read more »
Labels: ,

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

Read more »
Labels: ,

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

Read more »
Labels: , ,

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

Read more »
Labels: ,

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

Read more »
Labels: ,

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

Read more »
Labels: ,

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

Read more »
Labels: , ,

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

Read more »
Labels: ,

Sunday, December 7, 2025

learn HTML summary tag

learn HTML summary tag

https://webdesigningtheory.blogspot.com

Syntax 

 Syntax of HTML <summary> tag

<summary> ....... </summary>

learn HTML summary tag

Example 


<!DOCTYPE html>
<html>
  <head>
    <title> HTML Summary tag </title>
  </head>
  <body>
    <details>
      <summary>HTML summary tag </summary>
      <P>A free HTML web designing course teaches how to structure web pages using
HTML (HyperText Markup Language). It covers essential tags like headings,
          lists, tables, and forms. Students learn HTML document structure html
          ,head, and body and the use of attributes for adding extra
            information to elements. <br> <br> The course introduces HTML5 semantic
            tags like header, footer, section, and article for
              better organization and accessibility. Practical exercises
              include creating simple webpages, navigation menus, and
  content layouts. By the end, learners free HTML code with example
with description
              <big>https://webdesigningtheory.blogspot.com            
      </big></P>
    </details>
  </body>
</html>

learn HTML summary tag

Explain Program

Step  1] 

<!DOCTYPE html>

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

Read more »
Labels: ,

Saturday, December 6, 2025

how to use section tag in html

How to use section tag in html

web designing theory

Syntax 

 Syntax of HTML <section> tag

<section>.......</section>

how to use section tag in html
Example 


<!DOCTYPE html>
<html>
    <head>
        <title> html section tag</title>
    </head>
    <body>
      <h1> HTML Section tag</h1>
        <h2> What is the html tag</h2>
              <section>
            <p>
An HTML tag is a building block of a web page used to define
  elements and structure content in HTML (HyperText Markup Language).
  Tags are usually written within angle brackets, like tagname, and
  often come in pairs: an opening tag p and a closing tag /p,
  with the content placed in between. Some tags, like img or br,
  are self-closing and do not need a closing tag. HTML tags tell the
  browser how to display text, images, links, lists, tables, and other
  content. Learning tags is essential to create, format, and structure
  websites effectively </p>
        </section>

        <section>
            <h3> Why learn html language </h3>
            <p>HTML (HyperText Markup Language) is the foundation of the web,
                used to structure content on websites. Learning HTML is essential
                for creating web pages, adding headings, paragraphs, images, links,
                and other elements.beginner-friendly and easy to learn,
              making it the first step for anyone interested in web development.</p>
        </section>
       
    </body>
</html>

how to use section tag in html
Explain Program

Step  1] 

<!DOCTYPE html>

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

Read more »
Labels: ,

Friday, December 5, 2025

How to Use the HTML iframe Tag with Examples

How to Use the HTML iframe Tag with Examples

web designing theory

Syntax 

 Syntax of HTML <iframe> tag


<iframe src="URL">
.
.
. 
</iframe>

  • <iframe> tag in HTML use to embed another webpage or external content inside webpage.
  • HTML  <iframe> tag  inline frame tag.   
  • HTML <iframe> tag allows display separate html page small window on your current page.
  • HTML  <iframe> tag embed example :- YouTube videos, Ads, webpages, Twitter, TikTok video, Pinterest Pin ,Facebook

How to Use the HTML iframe Tag with Examples
Example 

<!DOCTYPE html>
<html>
<head>
     
  <title> HTML iframe tag</title>

    </head>
    <body>
        <iframe src="https://webdesigningtheory.blogspot.com"
</iframe>
       
    </body>
</html>

How to Use the HTML iframe Tag with Examples

Explain Program

Step  1] 

<!DOCTYPE html>

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

Read more »
Labels: ,

Thursday, December 4, 2025

what is the use of thead tag in html

what is the use of thead tag in html

web designing theory

what is the use of thead tag in html

Example



<!doctype html>
  <html>
  <head>
     
     <title> HTML Input Type Datetime </title>

      </head>
    <body>
        <center>
    <h1> webdesigningtheory.blogspot.com</h1>
 
    <h2> learn HTML thead tag</h2>
    <table>

        <!-- thead tag starts -->
         <thead>
             <tr>
            <th>Student Name</th>
            <th> Roll No </th>
             </tr>
         </thead>
         <!-- thead tag ends -->
          <tbody>
            <tr>
                <td>Seeta</td>
                <td> 01</td>
            </tr>
            <tr>
                <td>radha</td>
                <td>02</td>
            </tr>
            <tr>
                <td>parvati</td>
                <td>03</td>
            </tr>
            <tr>
                <td>sarasvati</td>
                <td>04</td>
            </tr>
            <tr>
                <td>tulja</td>
                <td>05</td>
            </tr>
          </tbody>
     </table>
     </center>
    </body>
    </html>


what is the use of thead tag in html

Explain Program

Step  1] 

<!DOCTYPE html>

This declare the document type.

browser that the document is written in html

Read more »
Labels: ,
Subscribe to: Comments (Atom)