Beginner's Guide to HTML and HTML5
4.4 (49 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.
1,659 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Beginner's Guide to HTML and HTML5 to your Wishlist.

Add to Wishlist

Beginner's Guide to HTML and HTML5

HTML and HTML5 for beginners
4.4 (49 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.
1,659 students enrolled
Last updated 4/2017
English
Current price: $10 Original price: $25 Discount: 60% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1 hour on-demand video
  • 2 Articles
  • 3 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn the basics of coding in HTML
  • Receive 24/7 Support
  • 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
  • Receive invaluable resources from thousands of hours of development
  • Be able to control styling (fonts, colors, and more)
  • Be able to carry out basic tasks in HTML
View Curriculum
Requirements
  • Students will need Internet Access
  • No coding experience is required
  • No designing experience is required
Description

********************* 5 Star Rating *********************

"As a beginner with zero to little exposure to HTML, this course really instilled confidence in my ability to interact with the world of HTML5. After each lecture, I found myself gasping in delight at what I had the capability of doing to a webpage thanks to this course."

~ Darcie N.

Guaranteed responses to your questions with 24 hours!

Watch and learn while 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.

Students will

  • Receive invaluable resources I have compiled from thousands of hours of development.
  • Complete quizzes throughout the course to help them retain information on HTML.
  • Receive support responses within 24 hours, 7 days a week!
Who is the target audience?
  • Aspiring web developers
  • Anyone with a strong desire to learn HTML
  • This course is a great for beginners
Students Who Viewed This Course Also Viewed
Curriculum For This Course
22 Lectures
01:00:04
+
Welcome! Let's learn HTML
2 Lectures 01:45

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.


Preview 00:53

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.

Preview 00:52
+
The Basics
5 Lectures 12:29

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

Preview 03:28

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

Glossary: Important Terms
1 page

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.

Preview 01:40

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.
Preview 01:31

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

Preview 05:50
+
The Body
8 Lectures 30:06

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

Header Tags
02:28

Test your knowledge on the head tags for a webpage

Header Tags quiz
1 question

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.

Abbreviation Tags
01:14

Test your knowledge on abbreviation tags in this quiz

Abbreviation Tags quiz
1 question

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

Test your knowledge on text styling

Styling your text quiz
3 questions

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

Image Tags
01:33

Test your knowledge on image tags

Image Tags quiz
2 questions

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


Creating Lists
03:24

Test your knowledge on how to create lists.

Creating lists quiz
2 questions

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

Test your knowledge on how to create links in HTML

Creating Links quiz
2 questions

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

Test your knowledge on how to create tables in this quiz

Creating Tables quiz
2 questions

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

Test your knowledge in this "Creating Forms" quiz

Creating Forms quiz
1 question
+
HTML5 Important Tags
4 Lectures 09:42

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

Audio Tags
03:45

Test your HTML5 knowledge in this audio tag quiz

Audio Tag quiz
2 questions

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

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

Embedding Videos
02:34

Test your HTML5 knowledge in this video tag quiz

Embedding Videos quiz
2 questions

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

Test your knowledge in this embed tag quiz

Embed Tag quiz
2 questions

The <footer> tag defines a footer for a document or section.
Footer Tags
01:40

Test your knowledge of HTML5 in this footer tag quiz

Footer Tags quiz
2 questions
+
You're Finished! Course Review
3 Lectures 05:27
Way to go!
00:44

PDF: Compiled Resources for developers
01:34

PDF: Overview of Key topics
03:08
About the Instructor
Stephen Fullington
4.4 Average rating
77 Reviews
3,446 Students
2 Courses
Professional Web Developer & Marketing Executive

Former marketing executive of a billion dollar organization, two-time competitor on American Ninja Warrior, Founder of multiple online startups, and husband to a beautiful, angelic woman named Darcie..

It has been a privilege and a joy to serve the Udemy community and our core mission is to exceed expectations of every individual we come in contact with.

I am passionate about helping people and being a faithful steward of all that has been entrusted to me!