Loading...

Front-End Engineering

710 learners

Building a Comprehensive About Me HTML Webpage from Scratch

In this course, we'll explore the creation of a well-structured, fully-fledged HTML webpage featuring a navigation menu, sections tables. We will cover essential HTML elements and attributes to help you build a detailed and interactive "About Me" webpage. By the end of this course, you'll be equipped with the knowledge to design and implement a comprehensive webpage with functional components.

HTML

See path

5 lessons

14 practices

1 hour

Page Layout and Rendering with SPAs

Lessons and practices

Lesson 1: Building a Basic Page Structure

Add Basic HTML Structure

Add Header and Footer Sections

Add the Main Section

Add a Horizontal Line

Lesson 2: Enhancing Content with Images and Links

Enhance HTML with Images

Add a Video to Webpage

Lesson 3: Introducing Navigation

Add Navigation for User Experience

Add Navigation Bar to Webpage

Add a Contact Section

Lesson 4: Creating Skills Table

Add a Skills Section

Adding a Projects Section

Lesson 5: Combining All Pieces - Including Link to Books Page

Creating Links and Navigation Bars

Combining Webpage Elements Masterfully

Adding a Hobbies Page

Meet Cosmo:

The smartest AI guide in the universe

Our built-in AI guide and tutor, Cosmo, prompts you with challenges that are built just for you and unblocks you when you get stuck.

From our community

Hear what our customers have to say about CodeSignal Learn

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

I love that it's personalized. When I'm stuck, I don't have to hope my Google searches come out successful. The AI mentor Cosmo knows exactly what I need.

Faith Yim

Software Engineer

+14

It's an amazing product and exceeded my expectations, helping me prepare for my job interviews. Hands-on learning requires you to actually know what you are doing.