vaish blog

Image Gallery in html

vaishnavi kadam's photo
vaishnavi kadam
·

1 min read

Hello , I'm creating some interesting stuff today . So today's lesson is image gallery and it shown us pictures and we can redesign the size of the images that means height and width . But there are some tags that are used to display a image in our webpage . First of all the img tag is used for embedded a image in html and that images are linked to web pages. For changing size of the photos we use height and width attribute .

example :- 

<html>
    <head>
        <title>
            insert an Images</title>
    </head>
    <body>
        <font align="center">
            <h1> Image Gallery</h1></font>
        <table align="center"</table>
        <tr>
            <td><img src ="CAR1.jpg" width="400px" height="400px"></td>
            <td><img src="CAR2.jpg"width="400px" height="400px"></td>
            <td><img src="CAR3.jpg"width="400px" height="400px"></td>
        </tr>
        <tr>
            <td><img src="CAR4.jpg"width="400px" height="400px"></td>
            <td><img src = "CAR5.jpg" width="400px" height="400px"></td>
            <td><img src = "CAR6.jpg" width="400px" height="400px"></td>
        </tr>
        <tr>
        <td><img src="CAR7.jpg"width="400px" height="400px"></td>
        <td><img src="CAR8.jpg"width="400px" height="400px"></td>
        <td><img src="CAR9.jpg"width="400px" height="400px"></td>
        </tr>
        <tr>
        <td><img src="CAR10.jpg"width="400px" height="400px"></td>
        </tr>
  </body>
</html>

output :- Screenshot (5).png Screenshot (6).png Screenshot (7).png

images