Essential HTML, CSS & HTML5 Training

The Most Convenient Way to Learn the Essentials of HTML, CSS and HTML5 - Quickly, No Travel or Classes.

Created bySimon Sez IT

Last updated 2/2021

English

What you'll learn

Setting up a website environment
Basic formatting using HTML tags
Using hyperlinks
Adding images
Organizing text by using tables
Introduction to Cascading Style Sheets (CSS)
Formatting text
The CSS Box Model
HTML5 and new tags
Adding multimedia
CSS rules
Advanced CSS
Working with navigation menus
Discover the differences between HTML4 and HTML5
Learn the different elements and attributes of the tags used in HTML5
Find out about the support HTML5 offers for the latest multimedia

Course content

9 sections • 42 lectures • 5h 36m total length

Course Objectives and Introduction to HTML7:47
WATCH ME: Essential Information for a Successful Training Experience2:04
DOWNLOAD ME: Course Demo Files0:23
Setting Up the Environment for Web Development - Demo9:44
Learn to set up a Windows web development environment with IIS or personal web server, use Notepad++ for HTML/CSS, test across major browsers, and create a basic HTML template.
Basic Formatting Tags6:11
How to Use the HTML Tags - Demo13:20
Lists, Hyperlinks and Image Tags6:35
Create and nest ordered and unordered lists with list items, link internal or external pages via anchor href, and insert images with src and alt in jpeg, png, or gif.
More HTML Tags - Demo9:24
HTML Tables8:28
Table and Form Tags - Demo15:44

Introduction to CSS7:34
Explore cascading style sheets and the separation of content from presentation, using external, internal, or inline CSS with selectors, declaration blocks, and units like px, pt, or percent.
CSS Styles - Demo8:24
Color Keywords, Text and Fonts8:06
How to use CSS Style Properties - Demo8:10
CSS Box Model4:23
CSS Box Model and How to Manipulate Placement of Elements - Demo5:00
Explore the CSS box model and how margin, border, and padding control element placement. Adjust width, height, and percent values to see their impact on layout and edge alignment.

Course Review0:43
Block and Inline Elements; More Tags11:12
Div Tag - Demo16:11
Explore the div tag, its class and id attributes, and how CSS selectors target grouped content to style pages, using Google fonts, hover effects, and HTML structure.
New HTML Tags7:06
Video, Footer and Nav Tags - Demo12:50
CSS Rule Set, Grouping, Nesting, Pseudo Classes and Pseudo Elements5:39
CSS Block Model and CSS Popup - Demo16:04
Position Property3:07
Designing a Web Site Using the CSS Concepts - Demo 19:23
Designing a Web Site Using the CSS Concepts - Demo 215:43
Advanced CSS6:28
Navigational Menu - Demo 113:31
Explore building a button-based navigation menu using an unordered list and CSS styling, with hover and active states, border radius, text shadow, and cross-browser considerations for rendering engines.
Navigational Menu - Demo 212:06
Navigational Menu - Demo 311:57

Filetype and Charset3:09
Explore the simple HTML5 doctype, understand why doctype matters for rendering and validation, and learn how the meta charset attribute sets UTF-8 encoding to support diverse languages.
Comparing HTML5 File to HTML 4 File - Part 18:00
compare and contrast an html5 document with its html4 counterpart, focusing on header, navigation, main content, sidebar, sections, articles, and footer, plus doctype and charset details.
Comparing HTML5 File to HTML 4 File - Part 23:56
Forms14:54
Learn to use HTML5 form inputs and attributes, including color, date, time, week, email, pattern, autocomplete, and placeholder, and explore datalist, progress, meter, and output widgets.
Scalable Vector Graphics15:57
Video and Audio10:52
Microdata Tutorial5:31

Requirements

A text editor and a passion for learning.

Description

During this Learn HTML, CSS and HTML5 essentials course, you'll discover necessary elements behind becoming a web developer.

The objective of this “crash course" is to take someone who is a “mouse and keyboard" user and teach them the essentials of web development by teaching HTML, CSS and some HTML5.

This is a fundamental course for learning HTML and it does not assume that participants have prior knowledge.

By the end of the HTML, CSS and HTML5 essentials course, you will know the essentials for creating your first website.

If you are unaware of the new the features and tags that HTML5 offers, HTML5 essentials course is a course intended for you. This insightful and fast paced overview will help you quickly discover exactly what makes HTML5, the 5th revision of HTML, such an important standard to learn.

This course will assist you to:

Discover the differences between HTML4 and HTML5, as your trainer makes revealing side-by-side comparisons.
Find out the different elements and attributes of the tags used in HTML5
Learn about the support HTML5 offers for the latest multimedia.

Tutorials include the new <video>, <audio> and <canvas> elements, as well as the integration of scalable vector graphics (SVG) content and MathML for mathematical formulas.

Here's what our students are saying...

★★★★★ "From zero to web developer. This course really does what it promises. I have taken quite a few courses about this subject, and this is in my opinion the very best one." -Ana B Sanchez-Prieto

★★★★★ "Excellent presentation through the HTML section. Learned a lot." -Edward Madigan

★★★★★ "The pace is fast but thorough ... at this point I think that I could get a simple web page up and running." -Earl Hatt

Who this course is for:

Web developers, web designers
People who want to become web designers and developers
Web design students
Total beginners

Essential HTML, CSS & HTML5 Training

What you'll learn

Explore related topics

Course content

Introducing HTML10 lectures • 1hr 20min

Introducing CSS6 lectures • 42min

More HTML and CSS14 lectures • 2hr 22min

Conclusion1 lecture • 3min

Course Quiz0

Introduction to HTML52 lectures • 3min

What's New in HTML 57 lectures • 1hr 2min

Final2 lectures • 5min

Coourse Quiz0

Requirements

Description

Who this course is for: