Skip to content

Commit

Permalink
Merge pull request #29238 from Keiferton/patch-1
Browse files Browse the repository at this point in the history
Project: Recipes: Add creation of backlink to recipes tutorial
  • Loading branch information
zachmmeyer authored Jan 2, 2025
2 parents e5b4bf6 + 897698c commit 17ff3a5
Showing 1 changed file with 7 additions and 0 deletions.
7 changes: 7 additions & 0 deletions foundations/html_css/html-foundations/project-recipes.md
Original file line number Diff line number Diff line change
Expand Up @@ -63,6 +63,13 @@ Okay, that's enough Git for the moment -- time to actually build stuff!
1. Create a new HTML file within the `recipes` directory and name it after the recipe it will contain. For example `lasagna.html`. You can use the name of your favorite dish or, if you need some inspiration, you can find a recipe to use at [Allrecipes](https://www.allrecipes.com/). Be sure to include the usual boilerplate HTML. This boilerplate code should be in every `.html` file you create.
1. For now, just include an `h1` heading with the recipe's name as its content.
1. Back in the `index.html` file, add a link to the recipe page you just created. Example: Under the `<h1>Odin Recipes</h1>` heading, write out the link like so: `<a href="recipes/recipename.html">Recipe Title</a>`. The text of the link should again be the recipe name.
1. **Add a link back to the index page** on your recipe page for easier navigation. You can place this link at the top or bottom of your recipe page (e.g., `lasagna.html`). Here's an example:

```html
<a href="../index.html">Home</a>
```

This allows users to quickly return to the home page after viewing the recipe.

#### Iteration 3: recipe page content

Expand Down

0 comments on commit 17ff3a5

Please sign in to comment.