HTML- Full Menu

HTML-CSS
1

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>
2

tacos
tacos512×891 126 KB

this should be the final result :weary:

3

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

1 Like
4

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
https://html.com/tables/rowspan-colspan/

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
5

Thank you! It helped a lot! :rose:

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.