HTML- Full Menu

Hi guys!

New in HTML here:

I´m making an exercise and already built the skeleton however is missing a table with all split (final image attached) and I´m unsure if I should use a field set or a table, also cant seem to put it as the image.

I´m struggling also with arrow that seems those that we can´t hide the text but don´t know the name of the tag,

Plus the hyperlink on the bottom part .

Thank you in advance for the support

This is what I have so far but struggling with the topics above.
cod HTML:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h2>Welcome to The Little Taco Shop</h2>
    <ol type="*">
      <li>About LTSe</li>
      <li>Our Menu</li>
      <li>Store Hours</li>
      <li>Contact Us</li>
    </ol>
    <img src="img/tacos_and_drink_400x267.png" width="500" />
    <br />
    <p>Tacos and a Drink</p>

    <hr />

    <h2>Abou LTS</h2>
    <p>
      LTS was founded in 2022. Our shop was built from a love of tacos
      favicon.ico favicon.ico favicon.ico. We hope our shop adds a unique and
      interesting place to our little town.
    </p>

    <h4>Taco Trivia</h4>
    <p>When Tacos first appear in the United States?</p>

    <h1>Our Menu</h1>
    <table>
      <tr>
        <th>Our Tacos</th>
      </tr>
      <tr>
        <th>Tacos</th>
        <th>Qty</th>
        <th>Price</th>
      </tr>
      <tr>
        <th>Crunchy</th>
        <td>$1</td>
        <td>$2</td>
        <td>$3</td>
        <td>$1.50</td>
        <td>$2.50</td>
        <td>$3.25</td>
      </tr>
      <tr>
        <th>Soft</th>
        <td>$1</td>
        <td>$2</td>
        <td>$3</td>
        <td>$2.00</td>
        <td>$3.50</td>
        <td>$4.50</td>
      </tr>
     </td>
      </tr>
      <tr>

<td>Chips & Salsa $2</td>


      </tr>
    </table>

    <p>Back to Top</p>
    <hr />
    <p>Copyrith Ⓒ The Little Taco Shop</p>
  </body>
</html>


this should be the final result :weary:

Also you have to learn how to use headings properly, please check this detailed guide:

1 Like

Hi @Mendes !

You can use a table like you are.
You need to use the rowspan attribute to achieve the result you are looking for

then you in your css you will need to set the border to double

this article is good to learn how to do that

As a sidenote, here are a few other things I noticed

Once you iron out those issues, then you will want to look into more semantic tags and resolve the headings mentioned earlier.

For here, I would suggest an h1 since that is the main title of the page

here, I would suggest using a nav element and then an unordered list

Then for here I would suggest a figure element with the figcaption

Then for your main content, I would suggest wrapping that in a main element

then this would work better in a footer

also, I would use an HTML entity for the copyright

&copy;

hope that helps :+1:

3 Likes

Thank you! It helped a lot! :rose: