Html Me Image Kaise Lagaye – (HTMl बेबपेज में इमेज को कैसे लगाये)

0
81
html- images
87 / 100

 Hello Friends Is article ki help se aaj ham ye jaanenge ki html me image kaise lagaye ham apne webpage mai kaise use kare. kyuki hamare pass different types ke image Format available hai.

Image ke liye hame is post ke jariye ye jaanna hai kis image file format ko kis purpose ke liye use kiya jaata hai.

Purpose OF image In webpage (इमेज के उद्देश्य )

  • image ko ham apne webpage mai content ko represent karne ke liye use karte hai sath hi image content ko beautiful appearance deti hai.
  • image ka use website ke SEO(Search Engine Optimization) mai help karti hai jiski help se hamari website google search engine me jalsi se aati hai.
  • website mai image lagate Samay hamesha display purpose ke liye hame .JPEG(Joint Photographic Expert Group ) is image file format ki image ko use karna chahiye
  • JPEG file ka size Small hota ho jo easily webpage mai render ho jaati hai.

Different Types OF image File Format For Web: [html me image Kaise lagaye]

  1. .JPEG      [Joint Photographic Expert Group]
  2. .PNG       [Portable Network graphics]
  3. .GIF         [Graphics Interchange Format]
  4. .TIFF       [Tagged Image File Format]
  5. .PSD        [Photoshop Document]

JPEG:

  • JPEG image ko generally web (Websites) may display purpose ke liye kiya jaata hai.
  • jpeg Image ka file size or pixels less hote hai other image ke comparison mai.

PNG:

  • PNG image ko website mai display or download purpose ke liye kiya jaata hai.
  • PNG image ki Quality or pixel high hoti hai JPEG ke comparison mai.
  • PNG image ko Icons ko design karne le liye bhi kiya jaata hai.

GIF:

  • GIF image simple Animate Graphics File hoti hai.
  • GIF file  ko animation ke liye use kiya jaata hai Web (websites) mai.
  • Animation Flash Or Photoshop software ki help se ham animate Image File Ko Create Kar sakte hai.

TIFF:

  • Tagged Image File Format Ye Image File Format Windows Support File Format hai.
  • Mobile device or other Purpose ke liye Ham is file image Format ko use nahi karte hai.

Webpage Mai Image Kaise Lagaye: [html me image kaise lagaye]

Html Code : Html Code ko copy kare or Noptepad mai Ek file create Kare image.html Name se or Us file ke under ye code paste karke us file ko save karke apne browser mai run kare.
Note:- image ka path Change karke aap apni image ke path ko lagaye nahi tou aapko browser output nahi dikhai dega
<!DOCTYPE html>
<html>
    <head>
    <title>Html Image Embadding</title>
    </head>
    <body>
     <h1>You Can Use Any File Format Like PNG,JPEG OR GIF</h1>
     <img src=“Forest-Love.jpg” >
    </body>
</html>
Browser Output:
html me image kaise lagaye
html me image kaise lagaye

 

Background Image Kaise Lagaye HTML Page Mai: [html me image kaise lagaye]

Webpage main background image ham directly HTML or CSS (cascading Stylesheet ) ki help se Laga sakte hai but css ki help se background imahe embed Karna sahi hota hai kyuki baad mai Kabhi aapko kuch changes Karna hota hai background image aap easily css ki file mai change karke images ko change kar sakte ho.
  • Background image ki opacity ko ham css ki help se requirement ke according kam jyada kar sakte hai.
  • background image ki radius (Corners)  ko change kar ssakte hai.
  • or css ki help se aap bohot saare work apni image per kar sakte ho.
  • ham apne css se related aapne wale articke mai dekhenge ki kaise ham css ki help se html page ko beautiful  bana sakte hai.
Html Code :
 
<!DOCTYPE html>
<html>
    <head>
    <title>Background Image Embadding with the help of CSS</title>
    <style>
        body{
            background-imageurl(“forest-Love.jpg”);
            background-repeatno-repeat;
        }
        h3{
            colorwhite;;
        }
    </style>
    </head>
    <body>
     <h3>You Can Use Any File Format Like PNG,JPEG OR GIF</h3>
    </body>
</html>
Browser Output:
Conclusion:
html me image kaise lagaye Is Article ki help se hamne aapko bataya ki kaise ham Static image ko html document mai Embed Karte hai or sath hi hame Dekha ki background image ko bhi ham apne html webpage mai insert kar sakte hai agar aapko webpage design karte samay koi problem aaye tou aap hame comment box or contact form ki help se aap contact kar sakte hai. ham aapki jaroor help karneg Thanks.

 

LEAVE A REPLY

Please enter your comment!
Please enter your name here