ad

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: ,
Subscribe to: Comments (Atom)