All Tracks/lab recipe page/
Đang tải...
Hướng dẫn thử thách
1 / 1

Build a Recipe Page

**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab. **User Stories:** 1. You should have a `!DOCTYPE html` declaration. 1. You should have an `html` element with `lang` set to `en`. 1. You should have a `head` element containing a `title` element with the name of your recipe, and a `meta` element with a `charset` attribute set to `UTF-8`. 1. You should have a `body` element. 1. You should have only one `h1` element with the name of your recipe. 1. You should have a `p` element that introduces the recipe below the `h1`. 1. You should have one `h2` element with the text `Ingredients` for the ingredients section. 1. You should have an unordered list (`ul` element) with at least four list items (`li` elements) that lists your ingredients below the first `h2` element. 1. You should have a second `h2` element with the text `Instructions` for the instructions section. 1. You should have an ordered list (`ol` element) with at least four list items that lists the recipe steps in order, below the second `h2`. 1. You should have one `img` element with a `src` attribute set to a valid image and an `alt` attribute describing the image. You can use `https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg` if you would like.
Vượt qua bài kiểm tra hiện tại để mở khóa bài tiếp theo.
main.html
UTF-8 • Tab Size: 2Kiểm tra bài:⌘↵
Test Output
Thử thách này không có bài test tự động. Hãy quan sát kết quả trực tiếp ở khung Preview.