HTML and CSS Courses and Tutorials

Name: HTML and CSS Courses and Tutorials
Rating: 3.8 (73 reviews)

Learn to Built Responsive Websites with HTML5 and CSS3 with lots of practical examples

Created byCliff Mainye Mwebi

Last updated 3/2025

English

What you'll learn

 Introduction to tags - Tag Syntax and Meta Tags
 Introduction to HTML5 Basics – HTML5 Headings, HTML5 Paragraphs, HTML5 Comments, HTML5 Links, HTML5 Text Formatting, HTML5 DIV Tags, HTML5 Attributes and HTML5 Inline CSS Style Attributes
 Elements Styling - Block and Inline Elements  HTML5 Media Elements - Audio Media element and Video Media Element
 Introduction to CSS3 – Inline CSS Styling, Internal CSS Styling, External CSS Styling, CSS Box Model
 HTML5 and CSS3 Colors - HEXADECIMAL Colors and RGBA Colors
 HTML5 Forms-POST and GET method, Label and Input Element, Input type date, type file, type radio, type checkbox, select dropdown, select with optgroup, textarea, input type password, input type submit and reset
 Tables in HTML5 and CSS3-Creation of table tag, tr, th and td  Styling of tables including table-collapse, Adding Captions to tables and special styling of tables
 Lists in HTML and CSS-Ordered and Unordered Lists, List Description i.e. dl, dt, and dd. List item maker on unordered List, Nested List in HTML5 and Horizontal List in HTML5 with CSS3
 HTML5 and CSS3 Semantic Tag - Semantic Header Tag, Semantic Section and Article Tag, Semantic Aside Tags and Semantic Footer Tag
 Background Image – Setting A Background Image, Linear Gradient as a Background Image and Radial Gradient as a Background Image
 Media Queries-Styling the body element with Max-width, Changing Font-size and image size with media queries, Navigation Bar with Media queries and using media queries with boxes and paragraphs
 Animations in CSS3 – Keyframes, Animation-name, Animation-delay, Animation-duration, animating a Box Element to move in a square format. Animation direction-Normal, Reverse, Alternate and Alternate Reverse
 CSS3 Transition and Transform-Hover Style with Transition and Transform using Rotation, Scale and Skew
 CSS Selectors-Simple Selectors and Class Selectors, Combine Selectors, Pseudo-class Selectors, Styling of the Hover and Active Link and Pseudo-element Selectors
 Positioning in CSS3-Static Position, Relative and Absolute Position and Overlapping Elements Z-INDEX

Course content

17 sections • 81 lectures • 3h 35m total length

Introduction to HTML5 and CSS30:35
HTML5 Introduction0:30
HTML5 Structure Explained1:03
Setting the Environment for Starting the Course2:40
HTML5 Notes1:00

Introduction To HTML5 Forms-POST and GET Methods3:08
Label and Input Elements3:07
Learn how to pair label and input elements in HTML forms, matching the label for attribute to the input, and using placeholders for text inputs to improve usability.
Input Type Date and Input Type File3:57
Explore input type date and input type file in HTML forms, including selecting dates, uploading files, and using the multiple attribute for uploading several items.
Input Type Radio2:46
Input Type Checkbox2:54
Disabled and Checked Checkboxes1:55
Select Dropdown2:44
Select with Optgroup3:34
Explore how optgroup tags organize a select dropdown into labeled groups, using the label attribute to separate electronics and non electronic options.
Textarea and Input Type Password2:36
Learn how to use textarea and input type password in html, create labels, and set name attributes, while adjusting columns, rows, and height for proper layout.
Input Type Submit and Reset2:15
Learn how input type submit and input type reset work in HTML forms, sending data to the browser and recording data without submitting.
Notes on HTML5 Forms1:10

CSS Selectors-Simple Selectors3:01
ID and Class Selectors3:52
Apply id and class selectors to style HTML elements, changing background color and text color, center aligning text, and transforming text to uppercase through practical class-based examples.
CSS Combine Selectors2:30
Master CSS combined selectors by styling a paragraph and a three-item list using element selectors, ul and li, and changing background and text colors to show selector effects.
CSS Pseudo-Class Selectors3:29
Styling of the Hover and Active Links1:28
Learn to style hover, visited, and active links with color changes, eight-pixel padding, and font size adjustments. See purple and gold hover states and black active links.
Pseudo-Elements Selectors--First Letter and First Line1:56
Pseudo-Elements Selectors--Before and After Selectors1:54
CSS Selectors Notes2:16

Semantic Tags-Header Tag3:21
Semantic Tags-Section and Article Tag3:09
Semantic Tags-Aside Tag3:36
Model a layout using the aside semantic tag and article in a flex container, with a div wrapper, Rebecca Purple background, white text, and 8px padding for a side-by-side layout.
Semantic Tags-Footer Tag2:30
Explore semantic tags like footer and section to structure content, style copy and lists, and implement colors, padding, and responsive layouts for accessible web pages.
Semantic Tags Notes0:34

Requirements

1. Have a computer, tablet or a smartphone and of course an internet connection
2. Have a great deal in mastering HTML5 and CSS3 Languages
3. Those interested in web-development especially front-end web developers

Description

1. Learn new HTML5 Elements

2. Learn about HTML5 Tag Syntax including Meta Tags

3. Learn about HTML5 Media Elements

4. Learn about HTML5 Block and Inline Elements

5. Learn about HTML5 Tables, Lists and how to style them with CSS3

6. Learn about CSS3 Animations, Media Queries, Positioning, Selectors, Colors and Background Image

7. Learn about HTML5 and CSS3 Semantic Tags

8. Learn about HTML5 Forms and its various elements

Why Choose this course?

This is the best course in HTML5 and CSS3 fundamentals. It touches on key topic with simple and precise examples that are easy to understand .It has lots of examples and will prepare one to have basic and accurate knowledge on how HTML5 and CSS3 works. With this course, one will have a complete knowledge on how to make a front-end website with just HTML5 and CSS3.

In this course, you will learn how to use HTML5 and CSS3, the two types of code upon which all websites are based. HTML and CSS are great entry points to the world of code and are necessary languages for any developer or web designer to know. Create your page's content with HTML, and make it look great with CSS. You'll learn all about these two languages and how they work together to render all your favorite websites.

Who this course is for:

1. Front-end web developers especially those specializing in HTML5 and CSS3
2. Anyone who wants to learn computer programming language regardless their previous experience

HTML and CSS Courses and Tutorials

What you'll learn

Explore related topics

Course content

INTRODUCTION5 lectures • 6min

TAG SYNTAX AND META TAGS2 lectures • 8min

HTML5 BASICS8 lectures • 22min

BLOCK AND INLINE ELEMENTS3 lectures • 5min

HTML5 FORMS11 lectures • 30min

HTML5 MEDIA ELEMENTS2 lectures • 8min

INTRODUCTION TO CSS36 lectures • 17min

COLORS IN HTML5 AND CSS33 lectures • 10min

CSS SELECTORS8 lectures • 20min

HTML5 AND CSS3 SEMANTIC TAGS5 lectures • 13min

Requirements

Description

Who this course is for: