Working with Semantic HTML

Lab Steps

Introduction to HTML and CSS Labs

Creating a Main Element

Creating a Header Element

Creating a Nav Element

Creating a Footer Element

Creating a Section Element

Lab rules apply

The hands-on lab is part of this learning path

HTML and CSS Core Programming – Level 1

Ready for the real environment experience?

DifficultyBeginner

Time Limit45m

Students57

Ratings

5/5

Description

In this lab, you will be working with the HTML Semantic Elements. A semantic element clearly describes its meaning to the browser.

Semantic elements can be used to define different parts of a web page by representing logical sections or components.

Learning Objectives

Upon completion of this lab, you will be able to:

Work with multiple semantic elements.
Work with the commonly used semantic elements such as nav and footer

Intended Audience

Beginners learning front-end development
Software Engineers who need to learn front-end technologies to expand their skillset

Prerequisites

The following courses/courses and labs can ensure your success:

Introduction to Semantic HTML Elements

About the Author

Rebecca Hom

Full Stack Lab Creator

Students93

Labs3

Rebecca has been educating students in coding full-stack boot camps for over two years. She is passionate about helping people learn how to code. Previously she spent several years working in web development for the education industry. In her spare time, she likes writing and occasionally collecting Pokemon.

Covered Topics

Development HTML