Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Project: Recipes: Add creation of backlink to recipes tutorial #29238

Merged
merged 5 commits into from
Jan 2, 2025
Merged

Project: Recipes: Add creation of backlink to recipes tutorial #29238

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
322f3e7
Update project-recipes.md
Keiferton Dec 27, 2024
d7bcb5e
Update project-recipes.md
Keiferton Dec 28, 2024
674a295
fix lint errors
Keiferton Dec 31, 2024
b0b4d3b
Update project-recipes.md
Keiferton Dec 31, 2024
897698c
remove indent on line 71 causing linter error
Keiferton Jan 2, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions foundations/html_css/html-foundations/project-recipes.md
View file
Open in desktop
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
Loading