Skip to main content

How to insert the Image in html?


How to insert the Image in HTML?
We can insert the image in html by using <img> tag.

<img src=” ”>

src, The attributes specifies the URL (web address) of the image.

Here Three types of Images file formats:

1)JPG or JPEG ===> Normal image

2)PNG ===>No background color

3)GIF ===>Graphic Inter change file

<html>

<head>

<title>Header</title>

</head>

<body>

<img src="/home/yuvaraj/Pictures/sport_audi_grey_background_bicycling_94380_3840x2160.jpg" 

 width="350" height="300" hspace="12" vspace="12" border="3" style="border-color:red">

<img src="/home/yuvaraj/Pictures/sport_audi_grey_background_bicycling_94380_3840x2160.png"

  width="350" height="300">

<img src="/home/yuvaraj/Pictures/sport_audi_grey_background_bicycling_94380_3840x2160.gif" 

 width="350" height="300">

</body>

</html>

Increase the image size and width by using width attribute and height attribute.And border attribute is used for applying the border of the image.

hspace attribute is used to maintain the space between the image to image in the horizontal row.

vspace attribute is used for the maintenance space between image to image in the vertical column.

NOTE:

you have must an should give image path in img src tag.

OutPut:

Insert image

Comments

Post a Comment

Popular posts from this blog

Header Tags in html

Header tags: In this HTML h1 to h6 header tags.h1 is biggest header tag 24px.h6 is the smallest header tag 10px.By using the header tags heading and side heading purpose. h1 { font-size: 24px;} h2 { font-size: 22px;} h3 { font-size: 18px;} h4 { font-size: 16px;} h5 { font-size: 12px;} h6 { font-size: 10px;} Example: <html> <head> <title>Header</title> </head> <body> <h1>Welcome To Htmla2ztutorial</h1> <h2>Welcome To Htmla2ztutorial</h2> <h3>Welcome To Htmla2ztutorial</h3> <h4>Welcome To Htmla2ztutorial</h4> <h5>Welcome To Htmla2ztutorial</h5> <h6>Welcome To Htmla2ztutorial</h6> </body> </html> OutPut :
Post a Comment
what is html?

How to Create a link in html?|What is link in html|What is purpose of link in html?

Links: Html links are Hyper links You click on a link and go to another page. When you move the mouse over a link, the mouse arrow symbol will change into a hand symbol. In this HTML two types of linkings. 1)Text linking 2)Image linking Text Linking: In this Four types of methods...... 1)Normal Linking 2)Web Page Linking 3)Email Linking 4)Named Anchor Example: <html> <head> <title>Header</title> </head> <body> <a href="form.html">Out File</a><br> <a href="https:www.google.com">web page linking</a><br> <a href="mailto:yuvarajkoppati@gmail.com">email linking</a><br> </body> </html> Nmaed Anchor: <html> <head> <title>Header</title> </head> <body> <font size="12" color="orange"> <a name="up...
Post a Comment
what is html?