Inserting A Image Into Page Image Tag – HTML – Computer Science Class 12

Inserting A Image Into Page Image Tag – HTML – Computer Science Class 12


click the Bell icon to get latest videos
from ekeeda Hello friends in this video we will study about how to insert image
into a HTML page so to insert the image into HTML page I have opened a notepad
now my first tag is going to be a HTML next is head
title giving title as inserting image slash food
body now to insert an image into HTML page we use a tag called as image tag
along with the attribute is an C so my tag is IMG image’ SRC essence is
basically used to denote the source path of the image so it’s a is equal to then
my name of the image so here my name of the images I just have to find it out
I’m just copying it first dot jpg and then I am j-cruise
then we’ll close our body tag then HTML tag now save this file inside the folder
suppose I have created a folder ID D Drive HTML and I will be storing this
document as image dot HTML save now open the file it is in the D Drive HTML image
so say this is how my image gets inserted into HTML page now see there
are some various attributes of the image tag if you want to change the height and
width of this image then we have an attribute called as height and width so
how to use this attribute that we will see open the page with the notepad height is equal to suppose if I am
giving 500 is equal to 5-under save see the height and width of the image
got reduced so it means what you can change the height and width of the image
by using which attributes yes height and width attribute so this is how we insert
an image into HTML page I hope you have understood how to insert an image into
HTML page to insert an image into HTML page we use a tag contest IMG IMG tag
always comes with an attribute called as in San si si si attribute is used to
denote the source path of the image see it is very good programming practice if
you keep all your images inside the same folder where you have saved your pages
so that you don’t have to mention the entire path of the image so in this case
also what I did I save my image into a same folder where my page was so that’s
why I just wrote directly a image name then after writing a image name so it
will get automatically opened in the browser so this is how we use image tag
to insert an image into HTML page image that comes with the attribute called
adjacency SRC attribute is the mandatory attribute of the image tag along with
the SRC attribute you can use various other attributes like height and weight
to change the height and width of the image thanks for watching this video for
the more videos please subscribe the channel
Ikeda

Leave a Reply

Your email address will not be published. Required fields are marked *