HOW TO ADD IMAGE AND GIVE IT A SIZE IN A WEBSITE

-

 HOW TO ADD IMAGE AND GIVE IT A SIZE IN A WEBSITE.

First you have to locate where you save your image and copy the name of the picture and its properties. 

and then come into the body of your webpage

for example:



<!DOCTYPE>

<html>

<head><title></title>

</head>

<body>

here is where you will enter the code of your image

<img src="pictures/uli.png" weight="400" height="500" border-radius="10px">my image</img>

</body>

</html>

the code that is up is the code of image in a webpage but without indicating the name of the picture.

The pictures i put is the folder the the image is and advisably when you are coding html you have to be  creating folders separately for images, videos, css, and you have to save your html as index so that it will be easier for you host your website.

the blue text inside the html code is the code of image the sizes and you can put it a shape by putting border radius.



Comments

Post a Comment

Popular posts from this blog

ADDING NUMBERED LIST ON HTML

-
Image
ADDING NUMBERED LIST ON HTML In html there is ordered and unordered list which is Ordered list: is a type of list that can be listed with a letter (a or A), number (1) and Roman numbers which is (i or I) while Unordered list:   is the type of list which is bulletin. But today we are going to discuss on ordered list on Html: <!DOCTYPE> <html> <head><title></title> </head> <body> <ol type="1"> <li> Auwal Yusuf</li> <li> Ibrahim Sani</li> <li> Maryam Fahad</li> <li> Bashir Buhari</li> </ol> </body> </html> Or for letters <!DOCTYPE> <html> <head><title></title> </head> <body> <ol type="A"> <li> Auwal Yusuf</li> <li> Ibrahim Sani</li> <li> Maryam Fahad</li> <li> Bashir Buhari</li> </ol> </body>...
Read more