HTML Course

HomePage

Courses

About

Contact

Follow us

Course Content

  1. What is HTML?
  2. Basic Format
  3. Tag in HTML?
  4. Using Heading Tags
  5. Paragraph in HTML
  6. Text Formatting
  7. Anchor tag and Hyperlinks
  8. Div, Section, Nav Elements
  9. List in HTML
  10. Tables in HTML
  11. Comments in HTML
  12. Classes and IDs
  13. Images in HTML
  14. Inserting Audio and Video in HTML
  15. Embed Tag in HTML
  16. Input Control Statements
  17. Forms in HTML
  18. Other Topics(To be disclosed later)

What is HTML?

    HTML stands for HyperText Markup Language. It is used to create webpages that we visit regularly.

For example :
    The site on which you are reading " What is HTML? " currently has been made from HTML.

HTML is used to write texts integrate images and videos and other types of multimedia files on webpages.
With HTML we can write texts , post images and videos to our webpage.
We will learn about this more in upcoming shots.

Basic Format

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Document</title>
</head>
<body>
</body>
</html>


1.Title is used to give our webpage a name as shown in figure.
Image not loaded due to some error.

2.body tag is the area where we write our content for user. We embed texts , images, videos, etc for user to interact with.
Body tag displaying

What is Tag in HTML?

Tag is usually a keyword enclosed within <> these.
Tags hold a special meaning or defination in HTML. They are used with different purposes that we will study in later section.
There are two types of Tags in HTML.
1.Semantic Tags
2.Non Semantic tags

Heading Tags

Now, We are going to learn about this Heading Tags.
Heading Tags as the name suggests, It is used to give heading. Heading is usually bigger in size than normal texts, bolder too.
The heading tags varies from h1 to h6 as per their size, h1 being most largest and h6 being most smallest in size.
Now, question arises How to use these Tags??
So , We use it as follows

     <h1>Write your heading here......</h1>
     <h2>Write your heading here......</h2>
     <h3>Write your heading here......</h3>
     <h4>Write your heading here......</h4>
     <h5>Write your heading here......</h5>
     <h6>Write your heading here......</h6>

The size decreases as in the given order.

Paragraph tag

paragraph tag ( <p> </p> ) is used to write a paragraph in our webpages.
Whenever you are about to write a paragraph you can use p tag hence giving your code a semantic meaning. Hence increasing the readability of your code.
Syntax:
    <p> Your Texts Here Please </p>

A text without p tag is shown


A text with p tag is shown


You can see the difference between these, p tag leaves some top margin by default as shown.

Text Formatting in HTML

In this section we will talk about text formatting in HTML. Usually we will be formatting the text using CSS but still we learn some tags here. So lets get started with ......

1.Bold : To make a text of bolder format we can use b tag.

Syntax :     <b> Your Text </b>

A text without using b tag is shown and next to it is shown text with using b tag.



Anchor Tag and Hyperlink

Soon........

Div, Section, Nav tags..

Soon.........

List in HTML

Soon........

Table in HTML

Soon.......

Comments in HTML

Soon..........

Classes and IDs

Soon........

Images in HTML

Soon........

Audio and Video in HTML

Soon.............

Embed tag in HTML

Soon............

Input Control in HTML

Soon..........

Forms in HTML

Soon.........


























©Copyright-Anurag Upadhyay