Preview »

HTML Introduction

By CodeStop

Requirements: No programming experience, at least 12 years old

Duration: 11 hours and 35 minutes

Standards: K-12 Computer Science Framework Core Concepts and Practices * Algorithms and Programming - Collaborating Around Computing - Recognizing and Defining Computational Problems - Developing and Using Abstractions - Creating Computational Artifacts - Testing and Refining Computational Artifacts

An Introduction to HTML

HTML is the language that the Web is built on. Whatever programming languages that websites used, they are ultimately integrated into HTML. Even if you don't pursue a career in programming, you can still find many uses for learning the language. You can use your HTML skills to format a blog post, tweak an email template, or create your own website.

This course introduces you to the language of the web. You will learn how to customize text, embed videos and images to a website, and use other languages with HTML. Hopefully, by the end of the lesson, you'll be able to build your own website.

Course Outline

  • Basic Page Structure
    Get acquainted with the basic HTML terminologies such as tags, attributes, and nesting. You'll also learn naming conventions and proper page structure.
    40 minutes
    Nesting
    In this lesson, you will practice how to nest HTML tags. You will also learn how to indent HTML elements in a way that makes it easier for others to read your HTML code.
    40 minutes
    Attributes
    You will learn how to define attributes that can be added to HTML elements.
    45 minutes
    Headings and Paragraph
    In this lesson, you'll learn about <h1> to <h6>, the six standard HTML headings and the paragraph tag <p></p>. You will also manipulate the size and appearance of text to convey their meaning better and emphasize various sections of a web page.
    50 minutes
    Styles
    In this lesson, you will learn how to add inline style to HTML elements using the style attribute.
    55 minutes
    Working with Text
    This time, you'll use HTML tags to format text on your web pages: add formatting elements, line breaks, horizontal rules, and emphasis on text.
    55 minutes
    Creating Lists
    You'll create and format the three different types of lists that you can work with in HTML.
    50 minutes
    Using Tables
    In this lesson, you'll learn how to use and create a basic table structure in HTML.
    1 hour and 25 minutes
    Working with Links
    This lesson covers the core of HTML: hypertext links. You'll practice adding and customizing links in your web pages. You'll create links to a section on a web page, to an external web page, and an e-mail address.
    50 minutes
    Working with Images
    This lesson introduces you to the use images in your web pages. You'll learn about different image types, how to add them to a page, and how to link to and from them.
    45 minutes
    Working with Layouts
    Create a good layout using simple HTML tables or division tags. Combine those tags with other formatting tags to create the look and feel that you want for your web page. This lesson will also give you few examples of how to create a simple but working layout for your webpage using pure HTML and its attributes.
    1 hour and 15 minutes
    Working with Forms
    You'll learn how to create forms so that your visitors can get in touch with you. You'll use various types of input controls, including text fields, check boxes, file uploads, select menus, buttons, and formatting techniques. You'll also dip your toes into using scripts to process forms.
    1 hour and 45 minutes