Learn HTML in 1 hour | Zero to Hero

Learn HTML & HTML5 essentials from an expert web designer in 1 hour.
5.0 (2 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
5 students enrolled
$19
$30
37% off
Take This Course
  • Lectures 22
  • Length 1 hour
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2016 English

Course Description

HTML is the language that powers the web. And like any language, once you master it, you can begin to create your own content, whether that's simple websites or complex web applications. This course provides an in-depth look at the essentials: the syntax of HTML and best practices for writing and editing your code.

Students will

  • Receive invaluable resources I have compiled from thousands of hours of development
  • Complete quizzes throughout the course to help them retain infromation on HTML.

Open a text editor, watch these videos, and begin learning to author HTML the right way from an expert web designer and serial entrepreneur. Stephen Fullington reviews the structure of a typical HTML document, and shows how to section pages and format your content with HTML. Learn how to create links and lists, and find out how HTML works with CSS to create rich, engaging user experiences.

In this course you will learn:

  • Why is HTML important?
  • Exploring an HTML document
  • Formatting content in the body and how to use HTML tags
  • Displaying images
  • Linking to pages and downloadable content
  • Creating lists
  • Creating forms
  • Controlling styling (and much more)


What are the requirements?

  • A passion for learning
  • Access to a computer
  • Text editor

What am I going to get from this course?

  • Receive invaluable resources I have compiled from thousands of hours of development
  • Learn the basics of coding in HTML
  • Create a solid foundation for future HTML development
  • Learn the different elements and attributes of the tags used in HTML5
  • Understand how to format content in HTML environments
  • Be able to control styling (fonts, colors, and more)
  • Be able to carry out basic tasks in HTML

What is the target audience?

  • Anyone with a strong desire to learn HTML
  • Aspiring web developers
  • Aspiring web designers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction to HTML
00:53

What is HTML?

  • HTML means HyperText Markup Language. It is the behind the scenes language that let’s us see stuff online.
  • Every webpage you look at is written in HTML.
  • You can think of it as the skeleton that gives every webpage structure.


What is HTML5?

  • Simply put, it’s the 5th version of HTML.
  • Since the original launch of HTML was invented with the web over 20 years ago, it’s been through some updates, so this is simply the 5 th installment of HTML.
  • HTML5 has new elements for presenting audio and video on web pages and allows for you to do some pretty cool stuff that I will show you towards the end of this course.


Section 2: Tools to Download
00:52

Downloading sublime text

  1. Navigate to sublimetext.com/3
  2. Download the sublime text editor for your platform

If you are unable to download sublime text, this will not effect your ability to learn from this tutorial.

Section 3: The Basics
03:28

This is an overview of important terms every HTML developer should be familiar with.

1 page

This is the PDF of the important terms HTML developers should be familiar with.

01:40

Text used in this lecture

<!DOCTYPE html>
<html>

Summary: Doctype declarations are beneficial for being HTML compliant. Most developers don't even know why they use this.

2 questions

Interactive Doctype Declaration Quiz

01:31
At the html introduction I gave earlier, I explained how HTML is the skeleton of a webpage. Just like the human anatomy, a webpage has a head, a body, and a foot.
2 questions

Test your knowledge on the anatomy of a webpage

05:50

The <head> element is a container for all the head elements. Learn about the head tag in HTML5.

Section 4: The Body
02:28

The <h1> to <h6> tags are used to define HTML headings.
<h1> defines the most important heading. <h6> defines the least important heading.

1 question
Test your knowledge on the head tags for a webpage
01:14
The <abbr> tag defines an abbreviation or an acronym, like "Mr.", "Dec.", "ASAP", "ATM".

Marking up abbreviations can give useful information to browsers, translation systems and search-engines.

1 question

Test your knowledge on abbreviation tags in this quiz

04:24
The <body> tag contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc.
3 questions

Test your knowledge on text styling

01:33

The <img> tag defines an image in an HTML page. The <img> tag has two required attributes: src and alt.

2 questions

Test your knowledge on image tags

03:24
The <li> tag is used in ordered lists(<ol>), unordered lists (<ul>)


2 questions

Test your knowledge on how to create lists.

03:52
The <a> tag defines a hyperlink, which is used to link from one page to another.
2 questions

Test your knowledge on how to create links in HTML

04:37
An HTML table consists of the <table> element and one or more <tr>, <th>, and <td> elements.
2 questions

Test your knowledge on how to create tables in this quiz

08:34
The <form> tag is used to create an HTML form for user input.
1 question

Test your knowledge in this "Creating Forms" quiz

Section 5: HTML5 Popular Tags
03:45

The <audio> tag defines sound, such as music or other audio streams.

For sample MP3 files: http://www.sample-videos.com/download-sample-audio.php

2 questions

Test your HTML5 knowledge in this audio tag quiz

02:34

The <video> tag specifies video, such as a movie clip or other video streams.

For sample videos: http://www.sample-videos.com/

2 questions

Test your HTML5 knowledge in this video tag quiz

01:43
The <embed> tag defines a container for an external application or interactive content (a plug-in).
2 questions

Test your knowledge in this embed tag quiz

01:40
The <footer> tag defines a footer for a document or section.
2 questions

Test your knowledge of HTML5 in this footer tag quiz

Section 6: You're Finished! Course Review
Course Conclusion
00:44
PDF: Overview of key topics
4 pages
2 pages

In this lecture, I have provided a PDF document that includes a list of compiled resources every HTML developer should have.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Michael CoreTrex, Web Developer

At 22, I left my job as Marketing Director for a multi-billion dollar company and now travel the world creating new start ups and work as Marketing Vice President for one of the top WordPress development companies in North America. I've been a star competitor on NBC's American Ninja Warrior multiple times and have been asked to appear on Tru TV's Guinness World Records. I'm interested primarily in making people the best at what they can be, from marketing and programming to learning to play golf. I pursue excellence in everything I do and can't wait to serve in whatever way I can!

Ready to start learning?
Take This Course