Learn HTML in 2 Hours

Name: Learn HTML in 2 Hours
Rating: 4.1 (28 reviews)

Learn the basics of HTML from scratch with 50 lessons and 50+ examples

Created byStudyopedia Trainings

Last updated 5/2025

English

What you'll learn

Learn HTML from scratch
Get HTML Crash Course
Learn how to work with HTML concepts
Learn HTML with live running examples of web pages
Additionally, learn CSS styles

Course content

7 sections • 47 lectures • 1h 58m total length

HTML Introduction and Create your first HTML Web Page5:58
In this lesson, learn what is HTML, an Introduction, and also create your first HTML document web page.
Headings in HTML4:08
Learn how to create headings in HTML. Heading levels are from h1 to h6. Add proper heading levels to structure your HTML document correctly.
Title in HTML1:59
Learn how to add title in an HTML document using title element.
Paragraphs in HTML2:51
Learn how to add paragraphs in HTML and how to use it in your HTML Document.
Understanding head in HTML1:48
Learn how to work with the HTML head element
Horizontal Rule in HTML1:55
Learn what is Horizontal Rule in HTML and how to use it in your HTML Document.
Comments in HTML2:18
Learn how to set comments on an HTML web page. The comments are not read by the web browser.
HTML Quiz 1

Make Text Bold1:38
Learn how to make the text bold i.e. set important text in HTML with the <strong> element in HTML.
Make Text Italic1:59
Learn how to make Text Italic in HTML i.e. emphasize text using the <em> element.
Create Small Font1:45
Learn to create small font in HTML i.e. decrease the default font size.
Mark Inserted Text1:38
Learn how to mark inserted text in HTML using the <ins> element.
Mark Deleted Text1:19
Learn how to mark deleted text in HTML.
Mark Strikethrough Text2:16
Learn how to strikethrough text in HTML.
Superscript Text1:57
Learn how to superscript text in HTML using the <sup> element.
HTML Quiz 2 (Formatting)

Stylesheets in HTML3:01
Working with External, Internal and Inline Stylesheets in HTML.
External Stylesheet in HTML3:10
In HTML, we can easily set the CSS styles. Use the link tag and set any style on any element like background color, font color, font size, font style, etc. We will do this by creating an external stylesheet and including all the styles in it.
Internal CSS in HTML2:34
Learn how to add CSS to an HTML web page. Internal CSS allows you to add CSS to a web page using the style element/ tag. We will also see a live running example to understand the concept.
Inline CSS in HTML2:34
In HTML, we can easily set the CSS styles. Use the style attribute and set any style on any element like background color, font color, font size, font style, etc.
Set background color in HTML2:02
Learn how to set background color in HTML.
Change text color in HTML2:26
Learn how to change text color of a web page in HTML.
Underline a text in HTML2:08
Learn how to underline a text in HTML.
Change text size in HTML1:40
Learn how to change the text size of a web page in HTML.
Change text font family in HTML2:12
Learn to change the font family on an HTML web page.
Change Text Alignment in HTML1:43
Learn how to change Text Alignment in HTML.
Set text direction in HTML2:23
Learn how to set text direction in HTML using style attribute with direction property. We will use the values, ltr or rtl for Left-to-Right and Right-to-Left respectively.
Change alignment of heading in HTML1:40
Learn to change the alignment of heading in an HTML web page.
HTML Quiz 3 (CSS Styles)

Set Image on a web page in HTML3:03
Learn how to set an image on a web page in HTML. We will use the <img> element to add an image.
How to use image as a link in HTML3:08
Learn how to use image as a link in HTML. We will use the <img> tag inside the anchor tag i.e. <a> element.
Set background image on a web page in HTML2:02
Learn how to set a background image on a web page in HTML.
Set image on a web page from external website3:08
Learn to set the source of the image to the <img> tag from an external website.
Set image on a web page from local computer in HTML3:46
Learn to set the source of the image to the <img> tag from the local system.
Make an image responsive in HTML3:03
Learn how to make an image responsive in HTML.
Floating image in HTML2:42
Learn how to float an image in HTML.
HTML Quiz 4

Add Links on a web page2:26
Learn how to add links to an HTML web page.
Change color of links in HTML2:01
Learn how to change the color of links in HTML CSS. The color of a link is default blue.
Change the target of a link in HTML3:03
Learn how to change the target of a link in HTML. You can open the link in a new window or in the same window.
Remove underline from a link in HTML3:05
Learn how to remove the underline from a link in HTML. We will use CSS style for this.
Create a link to send email in HTML2:46
Learn how to create a link to send an email in HTML.
Create a link to send email with subject in HTML3:06
Learn how to create a link to send an email with subject in HTML.
HTML Quiz 5

Create tables in an HTML web page4:33
Learn how to create a table in HTML.
Create table rows & columns in HTML3:41
Learn how to create rows & columns in an HTML table.
Set table width in HTML2:16
Learn how to set the width of a table on an HTML web page.
Set table cell padding in HTML2:11
Learn how to set the cell padding of an HTML table. Cell Padding is the space between cell borders and the content within a cell.
Merge table cells in HTML3:05
Learn how to merge table cells in HTML. To merge cells, use the colspan and rowspan attributes.
Set horizontal header for a table1:24
Learn how to set horizontal header for a table in HTML.
Set vertical header for a table2:17
Learn how to set vertical header for a table in HTML.
HTML Quiz 6

Requirements

No prior web development experience required
Any computer
Any free Text Editor like Notepad, Notepad++, etc.
Any Web Browser (Chrome, Firefox, Safari, Edge, etc.)
Every software required for HTML is free

Description

In this Video Course, learn HTML and its concept. HTML is a standard markup language for documents to be displayed on a web page. The course is for beginners and consists of 50 lessons, covering some CSS concepts as well.

The course begins with HTML Introduction and how to create your first HTML web page in 2 minutes. Then the basic structure of a website is created, with formatting text, adding images, links, Tables. With that, we have also covered the CSS styles used in an HTML web page.

Note: The flow would be step-by-step and the explanations would include a tutorial-like format, to make it easier for beginners to understand with a simple structure of the web page and its concepts, with live running web pages as examples. With that, we have also created some quizzes to polish your HTML skills.

**Course Highlights**

50 lessons
2h video with live running examples
50+ examples
50+ downloadable resources
15+ Quizzes to polish your skills after learning from the lessons

While learning, you will get an opportunity to work on various hands-on exercises and understand the role of responsive web design with the flow.

**HTML5 Text Tutorial**

Also provided free HTML5 Text Tutorial E-book PDF as a bonus, arranged according to key chapters covered in HTML.

Who this course is for:

Anyone who wants to learn Website Development concepts from scratch.
Anyone who wants to get knowledge how website and web pages work
Anyone who wants to learn how to implement CSS styles on an HTML web page

Learn HTML in 2 Hours

What you'll learn

Explore related topics

Course content

HTML Basics - Getting Started7 lectures • 21min

HTML Formatting7 lectures • 13min

HTML CSS Styles12 lectures • 28min

Images in HTML7 lectures • 21min

Links in HTML6 lectures • 16min

HTML Tables7 lectures • 19min

Additional Content (HTML5 Text Tutorial)1 lecture • 1min

Requirements

Description

Who this course is for: