Menu
Coddy logo textTech
START LEARNING
flag En iconEnglishdown icon

Steps

Part of the Fundamentals section of Coddy's HTML journey. Lesson 19 of 60.

challenge icon

Challenge

Easy

Keep everything you wrote in the previous steps: the title, the description, the Ingredients: heading and its list all stay on the page.

Add a heading (h2) with the text of Steps:, written exactly like that.

Add a list of steps in an ordered list (ol):

  1. Preheat the oven to 350°F (175°C).
  2. Mix the butter and sugar together in a bowl.
  3. Add the flour and chocolate chips, and mix well.
  4. Scoop the dough onto a baking sheet.
  5. Bake for 10-12 minutes or until golden brown.

Try it yourself

<!DOCTYPE html>
<html>
    <body>
        <h1>Chocolate Chip Cookies</h1>
        <p>This is a simple recipe for making delicious chocolate chip cookies at home.</p>
        
        <h2>Ingredients:</h2>
        <ul>
            <li>1 cup of butter</li>
            <li>1 cup of sugar</li>
            <li>2 cups of flour</li>
            <li>1 cup of chocolate chips</li>
        </ul>
    </body>
</html>

All lessons in Fundamentals

1HTML Basics

What is HTML?Basic Structure of an HTMLTags and ElementsNesting and Closing TagsComments in HTML

4Recipe Card

Project OverviewRecipe Title and DescriptionProject lessonIngredientsProject lessonStepsProject lesson

7Personal Profile Page

Project OverviewHeader SectionProject lessonProfile PictureProject lessonAbout Me SectionProject lessonSocial LinksProject lesson

10Tables

Table BasicsAdding CaptionsSpanning Rows and ColumnsRecap - Tables

2Text and Formatting

HeadingsParagraphsLine BreaksBold and Italic TextBold and Italic AgainRecap - Formatting

5Adding Content

HTML AttributesLinksNew Page LinksImagesImage Attributes

8Forms and Inputs Part 1

Form BasicsText InputsInput AttributesPassword FieldLabels for InputsRecap - Basic Form

11Event Registration Page

Project OverviewHeader SectionProject lessonEvent Details SectionProject lessonRegistration FormProject lessonFooter SectionProject lesson

3Working with Lists

Unordered ListOrdered ListNested ListsRecap - Lists

6Page Layout

DivisionsInline SpansSemantic TagsSections and ArticlesRecap - Layout

9Forms and Inputs Part 2

Radio ButtonsCheckboxesDropdownsButtonsButtons in FormsRecap - Forms #1Recap - Forms #2

12Final Challenges

Simple Profile CardEvent Invitation CardSimple Article PageFavorite Books List

Practice on your own: Web playground