MasteryVault

Understanding HTML5 Elements, Attributes and Syntaxes

Get course

Description

HTML – Hyper Text Mark-up Language; is the basic language for designing a website. In recent years HTML has evolved bringing forth newer and improved versions. In this course, we will be discussing how to use the most recent and best HTML version (HTML5) to design a basic website.

 

 

Objective / What to learn

  • Learn to work with HTML5 elements.
  • How to apply attributes to HTML5 elements.
  • Learn to use tags to build a website from start.

 

 

Requirements

  • A text editor (any one of your choice preferably Vscode).
  • A working browser (also any of your choice preferably Google Chrome).

 

 

 

Who is the course for?

  • Anybody willing to learn, either with prior knowledge of HTML or with zero knowledge whatsoever.

MODULE 1: Introduction

1
Overview
8 mins
An overview of what to expect in this module and also throughout the course.
2
What HTML is About
6 mins
3
Software and Browser to Use
3 mins
4
Installation of Text Editor
10 mins
Downloading and installing VS code text editor

MODULE 2: Basic HTML

1
Overview
1 min
Overview of what to expect in this module
2
Basic HTML Tags
15 mins
Learn to work with basic HTML tags that is usually used in HTML documents
3
Basic Text Formatting Tags
11 mins
Learn to work with different tags used for formatting text
4
Comments
9 mins
Learn how HTML comments work
5
Quiz
5 questions

MODULE 3: HTML Elements

1
Overview
1 min
An overview of what you will be learning in this module
2
Text Elements
17 mins
Learn how to include texts in your HTML document properly
3
Quotation Elements 1
12 mins
Learn to work with tags used to specify a quoted text
4
Quotation Elements 2
10 mins
5
Block and Inline Level Elements
15 mins
Learn to use block and inline level elements like
, and more
6
Classes
8 mins
Learn how classes and ids are used to target an element
7
Quiz
5 questions

MODULE 4: HTML Layouts (Semantic Elements)

1
Overview
2 mins
An overview of what to expect in this module
2
Section and Article Elements
11 mins
Semantic elements like
and
elements is discussed in this lecture
3
Header and Footer Elements
8 mins
Work with the
and
elements in HTML
4
Aside and Nav Elements
10 mins
Work with the
5
Quiz
5 questions

MODULE 5: Images

1
Overview
1 min
An overview of what this module contains
2
Preparing an Image
11 mins
3
Inserting the Image
15 mins
Learn how to insert an image into an HTML document
4
HTML5 Image Elements and Attributes
14 mins
Learn to work with other elements and attribute used to render and control an image in HTML5
5
Quiz
5 questions

MODULE 6: Lists

1
Overview
1 min
An overview of the module showing topics that will be taught in the module
2
List Basics
3 mins
Basics of implementing list items in an HTML document
3
Ordered List
8 mins
4
Unordered List
5 mins
5
Definition List
8 mins
6
Nested List
7 mins
Learn how to merge two list types together in a list
7
Quiz
5 questions

MODULE 7: Tables

1
Overview
2 mins
An overview of what will be taught in this module
2
Simple Table
12 mins
Learn how to create a simple table in HTML5
3
Semantic Table Elements
10 mins
Learn to use HTML5 semantic elements to create a table
4
Scope and Spanning Attributes
11 mins
Learn how scope, rowspan, and colspan attributes are used to format a table
5
Old Attributes
10 mins
Learn to work with some attributes that may not necessarily be used in recent years to format a table
6
Quiz
5 questions

MODULE 8: Links

1
Overview
2 mins
Overview of what the module contains
2
Basic Links
16 mins
Learn how to include a link on your webpage
3
Link to a Page on the Same Website
10 mins
4
Link to a Section on the Page
15 mins
5
Link to Specific Part of another Website
8 mins
Linking a part of a page on another website to your website
6
Navigation Menu
11 mins
Learn how to create a navigation menu on your website
7
Quiz
5 questions

MODULE 9: Forms

1
Overview
2 mins
Overview of the topics in this module
2
Basic Form
12 mins
Learn how to create a form on a website using elements and attributes
3
Text and Password Input Types
12 mins
Create a text and password field using input types in HTML
4
Text Area _ Checkbox and Radio button
13 mins
Learn to work with other form fields like Text area, Checkbox, and radio button
5
Dropdown and Other Form Input Types
16 mins
Learn to work with dropdown and other form fields
6
Labels and Grouping Elements
15 mins
Learn to use
7
Form Validation
19 mins
Learn how to use different attributes to format a form in HTML5
8
Quiz
5 questions

MODULE 10: Videos

1
Overview
3 mins
An overview of what to expect in this module
2
Inserting a Video
7 mins
3
Attributes to Format a Video
18 mins
Learn how attributes work in formatting a video
4
Video with Multiple Formats
11 mins
Learn how to insert different formats of a video at once
5
Bonus Tip
9 mins
6
Quiz
5 questions

Be the first to add a review.

Please, login to leave a review
Layer 1