htmlcssbuttonphotography

How can i make a text button in HTML

I am making a photography website and I wanted to have a gallery of images and a list like

and when I click on them it opens a gallery of images.

I tried looking some tutorials up on youtube and google but couldn't find anything and since I'm not very experienced in HTML and CSS I don't know where to start

Currently I only have a gallery like this

<h1>###&nbsp;</h1>


<h1>###</h1>

<table align="center">
  <tr>
    <td>
      <img src="Images/plant_with_web.png" height="150" width="200" alt="rocks" />
    </td>
    <td>
      <img src="Images/rock_in_water.png" height="150" width="200" alt="rock_on_log" />
    </td>
    <td>
      <img src="Images/rock_on_log.png" height="150" width="200" alt="sunset" />
    </td>
  </tr>
  <tr>
    <td>
      <img src="Images/Rocks.png" height="150" width="200" alt="sun_on_beach" />
    </td>
    <td>
      <img src="Images/sunset.png" height="150" width="200" alt="rock_in_water" />
    </td>
    <td>
      <img src="Images/waves_crashing.png" height="150" width="200" alt="bird" />
    </td>
  </tr>
  <tr>
    <td>
      <img src="Images/bird.png" height="150" width="200" />
    </td>
    <td>
      <img src="Images/birdrock.png" height="150" width="200" />
    </td>
    <td>
      <img src="Images/DSC04758.jpg" height="150" width="200" />
    </td>
  </tr>

Solution

  • I don't recommend the use of a table for a gallery. You can maybe put each gallery in a different html page and use the tag to access them. like:

    <a href="wildlife.html">Wildelife</a>

    But if you want them to appear or slide dynamically on the same page you may need some javascript or jquery.