Lesson 2A: HTML Tags

In this lesson, we will take a closer look at the most frequently used HTML Tags.

Code Stories

Get to know HTML

In our Google Classroom, you’ll see that I’ve shared the worksheet below with you. It features some of the most commonly used HTML tags. Using our course textbook and CodePen.io, describe in your own words what each of the tags does.

Worksheet available here too: http://goo.gl/efIAVJ

Building Structure

Prior to HTML5, the structure of a website was built using <div> tags. Each structural <div> would include a descriptive class or id attribute like “<div class=”wrapper”> or “<div id=”header”>, but now we can rely on structural elements that provide meaning and organization to our web page designs.

CodeCademy.Com

There are many ways to learn to code. Codecademy.com is one of them. With your Google Account, set yourself up in CodeCademy and start the HTML & CSS course. For now, only work on the “HTML Basics” module.

codecademy_logo

Ctrl + F (search within a page)

Once you complete the HTML Basics module, continue to work on the styles-conference index.html file from the previous chapter. In Chapter 2 of our course textbook, press Ctrl and F at the same time, this will allow you to conduct an “in page search.” Search for the term In Practice, and browse to the first option and complete the steps until you reach the “Creating Hyperlinks” section.

Creating Hyperlinks

Quick Opinion Poll

Please answer one question here: http://goo.gl/LIgZFp