HTML5

HTML stands for HyperText Markup Language. By default a web browser will display exactly what you type. If you have a great picture to share, how can you make sure that the computer displays the picture, and not the filename of the picture? A markup language allows you to tag your content so that computer knows how to display it.

<img src="myPicture.jpg" alt="HTML5 logo">

html5 logo

HTML is the heart of web pages and HTML5 is the latest version to be approved by the World Wide Web Consortium (W3C). This markup language provides the tools needed to organize and present your content.

In the beginnning you will focus on the learning the most common tags and how to use them. Once you have a grasp on the proper sytax, you will focus on learning the semantics. Semantics is the underlying meaning of something. So while tags will often have a certain visual appearance that conveys information (things in italics are important), they also convey that information in a nonvisual way too. This is important since it conveys the same importance to people using screen readers and other assistive devices.

Check it out!

You can see the HTML only version of this page before any styling.

Course Code

Week 1: Learning About the Web

Lesson: Editors: How to Use Visual Studio Code

File Download

First Page code

Lesson: Editors: How to Use Replit

Online Access

First Page Code: Replit

First Page Live: Replit

Lesson: Template Page in Visual Studio Code

File Download

Template Page Code
(This will look blank!)

Lesson: Template Page in Replit

Online Access

Starter Template Code: Replit

Starter Template Live (Yes it is blank): Replit

Completed Page Live: Replit

Week 2: Structure of a Web Page

Lesson: Links

Online Access

Links Code: Replit

Links Code Live: Replit

File Download

Links Code

Lesson: Useful Tags

Online Access

Common Block Tags Code: Replit

Common Inline Tags Code: Replit

Common Special Tags Code: Replit

Jump to Top