Complete HTML with Notes & Projects

About Course

Learn HTML (HyperText Markup Language), which is one of the building blocks in developing web pages. With HTML, we are going to learn to create web pages. On your journey to becoming a web developer, learning HTML would be the step you would be taking first. There is a lot to learn ahead, but with HTML, you would be able to create webpages.

In this course, we are going to cover the different concepts in HTML right from scratch. We are going to understand those concepts with help of different examples and will be using those different things whenever and wherever required.

We at Gyanipandit, always make sure that our students get the best and most recent things. So, we always monitor the course and continuously update and improve it. So, once you have the course, it’s yours.

After learning HTML, you are able to create web pages, and in addition to that, you are all set to learn styling the web pages (which is done using CSS). This course is designed in such a way, that you get a hands-on approach about different concepts in HTML. Also to mention, this course is made with beginner students in mind.

Hence, we are not assuming any prior knowledge or experience with the web. All you need to have is a good computer and a good internet connection. We are glad to see your interest in learning HTML and eager to see you forward in the course. All the best!

Course Content

HTML introduction
Welcome to this course on HTML (HyperText Markup Language). This video introduces us to the HTML course, and marks the beginning of our journey to learn HTML.

Introduction

05:02

Downloading visual studio code for writing HTML
In this video, we are going to download an Integrated Development Environment, which is Visual Studio Code, or VSCode.

Basic structure of an HTML webpage
As the title of the video says, we are going to discuss about the basic structure of an HTML webpage.

Understanding HTML tags
The HTML elements are the building blocks of our HTML web pages. Here, we are going to have a look at many different HTML tags, which are used to do different things, like adding some heading to our webpage, adding some links, making the text bold, adding some audio, and much much more... As we move on to explore the different tags and have a look at their uses, you would become familiar with those different tags, and then use them later, while creating your own web pages.

Heading tags – (H1 to H6)

05:24
Creating Paragraphs In Our Webpages Using P Tag

03:46
Converting the text inside the webpage to bold and italic (tags used – b, i, strong, em tags)

07:11
Understanding List in HTML – Unordered list

07:07
Understanding List in HTML – Ordered list

06:26
Understanding List in HTML – Description list

07:27
Adding Images to our webpage (Using img tag, figure tag and figcaption tag)

06:36
Creating a widget with details and summary tag

05:16
Adding Hyperlinks to our webpage (Using a tag)

08:32
How to present image and button as an hyperlink (using img tag inside a tag, and using button tag inside a tag)

08:01
Understanding div tag

09:18
Understanding span tag

07:49
Understanding pre tag

10:41
Understanding sub and sup tag

07:19
Understanding code tag

09:23
Understanding article tag

09:05
Understanding section tag

05:56
Understanding address tag

04:34
Understanding main tag

04:32
Adding progress bar into our webpage using progress tag

07:23
Understanding iframe tag (embedding some another document to our HTML document)

06:08
Adding audio to our webpage using the audio tag

07:35
Creating a form in HTML (Multiple tags like form tag, input tag, label tag involved)

19:45
Creating a navigation bar using nav tag

06:29
Creating a table in HTML (using tags like table tag, tr tag, td tag, etc.)

17:27
Header and footer in HTML

08:16

About Course

What Will You Learn?

Course Content

HTML introduction Welcome to this course on HTML (HyperText Markup Language). This video introduces us to the HTML course, and marks the beginning of our journey to learn HTML.

Introduction

Downloading visual studio code for writing HTML In this video, we are going to download an Integrated Development Environment, which is Visual Studio Code, or VSCode.

Downloading visual studio code for writing HTML

Basic structure of an HTML webpage As the title of the video says, we are going to discuss about the basic structure of an HTML webpage.

Basic structure of an HTML webpage

Heading tags – (H1 to H6)

Creating Paragraphs In Our Webpages Using P Tag

Converting the text inside the webpage to bold and italic (tags used – b, i, strong, em tags)

Understanding List in HTML – Unordered list

Understanding List in HTML – Ordered list

Understanding List in HTML – Description list

Adding Images to our webpage (Using img tag, figure tag and figcaption tag)

Creating a widget with details and summary tag

Adding Hyperlinks to our webpage (Using a tag)

How to present image and button as an hyperlink (using img tag inside a tag, and using button tag inside a tag)

Understanding div tag

Understanding span tag

Understanding pre tag

Understanding sub and sup tag

Understanding code tag

Understanding article tag

Understanding section tag

Understanding address tag

Understanding main tag

Adding progress bar into our webpage using progress tag

Understanding iframe tag (embedding some another document to our HTML document)

Adding audio to our webpage using the audio tag

Creating a form in HTML (Multiple tags like form tag, input tag, label tag involved)

Creating a navigation bar using nav tag

Creating a table in HTML (using tags like table tag, tr tag, td tag, etc.)

Header and footer in HTML

Comments in HTML

HTML Comments

Style attribute in HTML

HTML Style attribute

Class and id attributes in HTML

HTML Class and id attributes

HTML Project

Simple Project website HTML

Next Step

Next Step

HTML introduction
Welcome to this course on HTML (HyperText Markup Language). This video introduces us to the HTML course, and marks the beginning of our journey to learn HTML.

Downloading visual studio code for writing HTML
In this video, we are going to download an Integrated Development Environment, which is Visual Studio Code, or VSCode.

Basic structure of an HTML webpage
As the title of the video says, we are going to discuss about the basic structure of an HTML webpage.