Introduction to HTML

by John Elder

2h 40m

Auto
  • HD
  • 360p
1.00x
  • 0.50x
  • 0.75x
  • 1.00x
  • 1.25x
  • 1.50x
  • 1.75x
  • 2.00x
cc
Auto
  • HD
  • 360p
1.00x
  • 0.50x
  • 0.75x
  • 1.00x
  • 1.25x
  • 1.50x
  • 1.75x
  • 2.00x
cc
Auto
  • HD
  • 360p
1.00x
  • 0.50x
  • 0.75x
  • 1.00x
  • 1.25x
  • 1.50x
  • 1.75x
  • 2.00x
cc
Auto
  • HD
  • 360p
1.00x
  • 0.50x
  • 0.75x
  • 1.00x
  • 1.25x
  • 1.50x
  • 1.75x
  • 2.00x
cc

Overview

If you have ever wanted to build your own website, get started in web development or understand how to use HTML on your blog, this introductory course can help you get up and running in no time. Designed for beginners, no prior experience with HTML is required to excel in this course. You will start with the basics and apply the practical knowledge you learn through hands-on application and examples every step of the way. By the end of the course, you will have built two professional resume websites, which you can use to showcase your web development skills and impress potential employers.


Syllabus

Course Introduction3m 42s

What to expect from this course?

Watch lesson

What is HTML?4m 10s

What is HTML and what is it used for?

Writing HTML on Your Computer vs. a Development Environment4m 16s

What tools do you need to write HTML Code?

Using a Text Editor4m 08s

Looking at the Sublime Text or Notepad++ as web development tools.

Exploring the C9 Development Environment4m 36s

We'll be using Cloud 9 as our Development Environment. Let's take a look!

Understanding an HTML Tag3m 39s

Understanding HTML Elements, Open Tags, Close Tags, and Nesting.

Understanding HTML Attributes3m 51s

Learn about different Attribute tags such as Language Attributes, Title Attributes, and more...

The Parts of an HTML File4m 07s

Every HTML page is made up of the same basic skeleton. We'll look at doctypes, html tags, head tags, body tags, meta tags, and more.

Exploring Common HTML Tags4m 29s

Learn some basic HTML tags such as p, br, h1, h2, h3, h4, h5, h6, and pre.

Understanding Text Formatting4m 14s

Learn to format text using strong, em, small, sub, sup, and blockquote.

Styling HTML with Inline CSS3m 36s

Learn how to style individual HTML elements with the CSS style tag.

HTML's Special Characters3m 15s

Learn to output special characters onto the screen such as copyright characters, trademark characters, arrows, and more.

Commenting Code4m 15s

How to comment code, where to do it, and why you should do it often.

Creating HTML Links4m 26s

Links are an important part of creating websites. Learn how.

Watch lesson

Using Images4m 37s

Adding Images to your website is fast and easy. We'll explore the img src tag and it's properties.

Linking Images3m 26s

Learn to make images clickable as links.

Creating HTML Tables3m 49s

Tables are an important and sometimes confusing element of HTML. We'll look at table tags, th, tr, td tags, and more.

Advanced Tables3m 22s

Learn how to create tables with Cells that span many columns or rows using the Rowspan, and colspan tags.

Creating Lists4m 07s

Understanding lists, and the difference between ordered and un-ordered lists. We'll look at the ol and ul tags.

Watch lesson

Nested Lists3m 08s

Learn how to nest lists within other lists.

Block vs Inline Elements3m 50s

Understanding the difference between block and inline elements, and when to use each.

HTML Forms4m 54s

Learn to create forms that users can fill out.

Advanced Elements and Attributes4m 15s

Learn special elements and attributes available in HTML 5. We'll look at header tags, footer tags, nav tags, main tags, section tags, and more.

Version Control with Git3m 23s

Setting up "Git" for version control in our development environment.

Backup Your Code Using Github.com4m 39s

Learn to push code to Github.com as a Backup to Git version control.

What is the Bootstrap CSS Framework?3m 06s

Exploring the Bootstrap CSS Framework and understanding when to use it.

How to Setup and Use Bootstrap3m 50s

Adding Bootstrap to your site is quick and easy.

Understanding the Bootstrap Grid System3m 32s

Creating a page layout with the Bootstrap grid system.

Basic Bootstrap Usage4m 07s

How to add Bootstrap Elements to your website.

Building a Resume Website - Intro3m 49s

Let's overview what we'll be building

Building a Resume Website - Navbar3m 31s

Adding a Navbar to our website.

Building a Resume Website - Panels4m 14s

Adding Work Experience with panels.

Building a Resume Website - Page Grid System3m 42s

Setting up the page layout using the Bootstrap grid system.

Building a Resume Website - Adding Content4m 47s

Add our actual resume content to the site.

Building a Resume Website - Making it Responsive5m 10s

Let's make sure our website looks good on mobile devices!

Building a Resume Website - Push Live Code to Heroku4m 38s

Push our code to a live production server at Heroku.

Building a Professional Website with Templates3m 44s

Learn how to use free and paid templates to build a website.

Using a Free Template3m 32s

Let's add a free template to our site!

Modify the Free Template4m 44s

Tweaking our template to make it look and feel however we like.

Building a Templated Website - Push Live Code to Heroku3m 44s

Push our code to a live production server at Heroku.

Description

Highlights:

  • 40 practical tutorials.
  • Explore basic html tags and attributes.
  • Create paragraphs, line breaks and headings.
  • Format text to be bold, italic, block quotes and more.
  • Style HTML elements with an inline CSS style tag.
  • Add images to your website and make them clickable as links.
  • Create HTML tables, lists and forms.
  • Learn how to comment code and where to do it.
  • Create HTML links to navigate between different web pages or sites.
  • Build a resume website using the Bootstrap CSS framework and templates.
  • Easily make your website mobile responsive with Bootstrap.
  • Back up your code using Github and push live code to Heroku.

Once enrolled, our friendly support team and tutors are here to help with any course related inquiries.


Accreditations and approvals

CPD - The CPD Certification Service.

Reviews1

View all reviews