Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.


Introduction to HTML: Build a Portfolio Website

via Skillshare


Learning how to code is all the rage and rightfully so. Everyone from Mayor Bloomberg to Snoop Dogg is ready to get their nerd on. The first step to getting your website up and running is learning HTML. 

There's no shortage of reasons to start learning HTML. Here are just a few:

  • Hiring a developer or work with one already? Learn some of the lingo and what goes into creating a website so you can better communicate with them.
  • Are you a web designer? Find out what goes into making your designs come to life in a browser.
  • Are you already using a framework or CMS to publish your content or blog? Learning HTML will give you the power to tweak your code and layouts.
  • Building a site from scratch is fun and empowering!

I freaking love HTML! We'll skip a lot of computer history and get right into how to translate content into code. The more people with this knowledge, the more great content can be shared on the web. Whether your current or future site is your portfolio, a great new blog, or pictures of your pets, I can't wait to share this class with you so you can start sharing your content, too! 

What You'll  Learn

  • Project Introduction and Setup. We'll start off with the basics such as creating a site map and opening your first HTML document.
  • HTML Fundamentals. You'll use essential HTML tags to structure your page, add metadata, and add body elements.
  • Marking Up Our Content. You'll use more advanced mark ups to attach different values to your content.
  • Connecting Our Pages. You'll link through all of your pages to create a fully navigable site.
  • Finishing Touches. Finally, you'll learn troubleshooting tips to ensure that your site runs smoothly. 

What You'll Make

We'll create the HTML for four page portfolio website featuring some of the most common aspects to an online portfolio that can be used for a plethora of different subject matters and professions. We'll break down what content is needed on each page and how that is translated into our HTML code. 

This site will be HTML-only, which means text only without any pretty colors or styling. HTML provides the building blocks for the rest of the web process. A strong foundation, like the one we'll create in this class, will be used for all future phases of the portfolio website. After this, the next steps are adding design and style with Cascading Style Sheets (CSS) to add more pizzazz and personality to your site. First things first though, and that's what we'll look at here and have some fun while doing so! There may or may not be pictures of cats involved. 


  • Trailer
  • Welcome to Class!
  • Defining our Project Content
  • Gather our Tools
  • What is HTML?
  • HTML Tags and Common Elements
  • HTML Attributes
  • HTML Page Structure
  • Head Element
  • Body Element
  • Creating and Previewing Our First Page
  • Convert our Content into HTML Markup
  • Heading Elements (H1-H6)
  • The Image Tag and Absolute/Relative File Paths
  • List Elements
  • Links
  • Blockquote
  • Inline Elements
  • HTML Entities
  • Code Formatting
  • Marking up our Homepage
  • Identify Remaining Content Types as HTML Elements
  • Link Separate Pages Together
  • Troubleshooting
  • Uploading Content to a Web Server
  • Next Steps

Taught by

Jenn Lukas


Start your review of Introduction to HTML: Build a Portfolio Website

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.