Create a Website: Structure (Intro to HTML)

The web connects us like never before. It is thrilling to think that somewhere on the other side of the planet someone could be looking at the exact same website you are browsing, maybe at this exact minute even! We are a social species, and we, as a group, enjoy sharing ideas, information and more. We do so continuously and with an efficiency never matched before thanks to the web. In some regards, that is why you want to take this class, because you would like to create a website for the first time ever (or in forever), and you know it all starts with the structure. You can't put up drywall or a roof on a house without building the skeletal frame first. In this class, you will learn the basics of HTML, the content language of the web. We will explore HTML usage, its syntax and best practices when it comes to HTML file setups. We will also look into key features of HTML such as relationships between elements, the box model and specificities (classes, ids, attributes) which will be extremely important as we continue our journey. Finally we will put all that into practice by creating a web page using Codepen.io

Instructor:
Anni Yan | Innovation Co-Lab Developer & Instructor
Anni is a recent grad from Duke University, and she is working at the Co-Lab now. She is passionate about data visualization, game designs and web development. Outside of work, Anni loves to hangout with Yuki(her cat), bake and play games.

  • HTML
  • Web Development

About Course

Outline

  • Review of HTML Usage and Syntax
  • Finding help on the internet
  • Hello World
  • Looking for Content
  • Coding of a first page

Objectives

  • Understand what HTML is and how to use it
  • Know where and what to look for when in need of help
  • Searching for content on the web (usage rights)
  • Create a simple HTML document which contains links and images

Tools

  • laptop

Files

Examples

html-intro html-intro html-intro

This class is part of our Web Development (Front End) Track

See the whole track

Suggested Courses

Course Graphic

Create a Website: Styling (Intro to CSS)

In this class, you will learn the basics of CSS, the styling language of the web. We will explore CSS usage, its syntax and best practices when it comes to CSS file setups. We will also look into key features of CSS such as the cascading model, and the specificity model.

Learn More
Course Graphic

Inclusive websites and accessibility

The goal of a website is to be found and used, but to do that, it must be accessible. Depending on the type of website, accessibility rules may be mandatory, but even if you are only planning on creating a cat blog for you and your family, accessibility should be on your mind.

Learn More