Get guided in a real environmentPractice with a step-by-step scenario in a real, provisioned environment.
Learn and validateUse validations to check your solutions every step of the way.
See resultsTrack your knowledge and monitor your progress.
Lab 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
andfooter
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:
Rebecca Hom, opens in a new tabFull Stack Lab Creator
Students227
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.
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