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

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?

Text Formatting tags in Html

Text Formatting  tags:           This section includes the tags often used for formatting the HTML text.We have many formatting tags in HTML. These are : <font> It is used for change our text color, text size and also change the text style. Ex: <font face=”Liberation Serif” color=”red” size=”12”>welcome to Htmla2ztutorial </font>. <b> tag will bold the text inside the tag. <b>welcome to htmla2ztutorial </b> <i>tag will italic the text inside the tag. <i>welcome to htmla2ztutorial </i> <u>tag will underline the text in side the tag. <u>welcome to htmla2ztutorial </u> <strike>tag will strike the text in side the tag. <strike>welcome to htmla2ztutorial </strike> <sup> tag to define superscripted text. (a+b)<sup>2</sup> Output:(a+b) 2 <sub>tag to define subscript text. ...
Post a Comment
what is html?