Working with Semantic HTML

Lab Steps

lock
Introduction to HTML and CSS Labs
lock
Creating a Main Element
lock
Creating a Header Element
lock
Creating a Nav Element
lock
Creating a Footer Element
lock
Creating a Section Element

Ready for the real environment experience?

DifficultyBeginner
Time Limit45m
Students3
Ratings
5/5
starstarstarstarstar

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:

About the Author
instructor-image

Rebecca Hom

Full Stack Lab Creator
Students17
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