What is HTML Coding system, Best way to learn HTML Coding 2020




All data available on the Internet is available as web documents. These documents are saved on the computer server. From where anyone can access them through URL.

Have you ever thought about how to create these web documents? In which language is it written, who writes the web documents?

If you have no answer then no problem. Because we are giving you the answer.

Web documents are written in HTML language. Which is a markup language? This is the basis of web documents.

Now the question comes, what is this HTML - What is HTML?

It is easy to read. Is a simple question. Yes, simple, but a useful question that every HTML learner needs to know. Because this is the foundation.

We should know about the language in which we are working or want.
Let's know what HTML is?


Table of content:

  • What is HTML?
  • Html Full form, Html full form in computer
  • History of Html
  • Html tag is divided into two categories:
  • Where and how is HTML used?
  • Where and how to create Html files?
  • How to learn Html?
  • Features of Html
  • How does Html work?
  • Where do we use Html?
  • How to start HTML coding?
  • Types of tags in Html (Html ​​tags and attributes)
  • Types of Html
  • Html Advantages and Disadvantages?
  • Important questions of Html.
  • Conclusion,


What is HTML?

What is HTML?


HTML is a MarkUp Language, developed to create web documents (web pages). It was developed in the 90s. It is the basis of a web page and web pages are the basis of a website. HTML uses 'tags' to create a web document.

Now a thought will definitely be there in your mind and it should also happen.

what is that?

The HTML above is called Markup Language? But, what is this Markup Language? Come, let's also know this.

Html Full form


Html full form or full name of HTML is Hypertext Markup Language. In which each word has different meanings. Let us now know the meaning of each word. And understand why HTML is called Markup Language?

Html Full form in Computer

 Full form of Html in computer is Hypertext Markup Language.
Hypertext

Hypertext is the way the web is explored. This is just a simple text. However, Hypertext keeps any other text associated with it. Which is activated by mouse click, tap, or by pressing the key?
Its feature distinguishes it from ordinary text. Hypertext is called a hyperlink.

Anchor (<a>) tags of HTML can make any text a hyperlink. Apart from this, images, videos, sound, etc. can also be made hyperlink. This type of link data is called Hypermedia.
Another feature of hypertext is that it is not linear, ie hypertext can be activated in any order.

Markup

HTML uses "HTML Tags" to create web documents. Each HTML tag defines the text in between. This is called Markup. "<i>" is an HTML Tag that italicizes the text between them.

Let us understand this with an example.

We take a word, 'skillmeto' which is written simply. Which is visible directly to us like skill text. Now we markup it through HTML. And in Markup we slant it. When skillmeto is written between these two symbols <i> </i> like this, <i> skillmeto </i>, this word will look like "skillmeto" slanting like this. That is, it has been marked as italic.

This entire process is called marking up. And all the web documents on the web are formatted in this way.

Language

HTML is a language. Because it uses code-words to create a web document. Those are called tags. And there is also the syntax of HTML for writing these tags. Therefore it is also a language. Syntax HTML is shown below.

Html syntax


It has three main parts. Which are Element, Tags, and Text respectively?

HTML Element, consists of HTML Tag. The word or letter written between the Angle Bracket is called HTML Tag. It is of two types. First, the opening tag and the second closing tag. And the last part is a text that is written between the Html Tag.

History of Html


Now let us go a little back in the world of HTML and make an effort to know its history.

HTML was developed in the 90s and still continues. Because HTML is a constantly developing language. Many versions have come so far.

This language is the brainchild of the Honorable Sir Tim Berners Lee. First of all, they used HTML.

At present, the task of developing HTML is with an organization "World Wide Web Consortium (W3C)". This organization now takes care of HTML. Let's know about the versions of HTML that have come so far.

HTML

This version was a form of SGML –Standard Generalized Markup Language. HTML is the primary version.

The text could be structured by this. Some tags were created for this and this version had no name, it was just called HTML. But the next versions of HTML had names. Therefore for convenience, this version is also called HTML 1.0.

HTML tags that were used at this time, some tags still exist today. Which we use when working on HTML.

HTML 2.0

The next version of HTML was named by a group IETF - Internet Engineering Task Force after the primary version of HTML. This was called the HTML 2.0 version which was published in 1995.
In this edition, some new features were added in which 'Image Tag' was the most important. But the Internet had not become very popular yet.

HTML 3.0

By this time HTML and Internet had left their mark and both were becoming popular. Now more people had joined it than the initiative. More and more people wanted to learn HTML and also wanted to join the Internet.

Therefore, due to the excessive use of HTML, some complications arose in it. People had started making changes in the standard it had set in it. Due to which its uniformity started to end. So the next version of HTML was created which was HTML 3.0. But it was never published.

HTML 3.2

By the publication of HTML 1.0 and the recommendation of HTML 3.0 an organization had already emerged, which is made to work for the HTML language. It is known as the W3C - World Wide Web Consortium.
The next version of HTML was published by the W3C in 1997 with the recommendations of HTML 3.0, HTML 3.2. It had more features than both versions of HTML.

HTML documents could now be created in more ways through HTML 3.2. In this edition, many new 'Attribute' were added which were more for his style than the structure of the document. However, by this time the readers of HTML ie 'Browsers' were very slow. They still did not support all features of HTML 3.2.

HTML 4.0

Now the Internet had become very popular. More and more people wanted to learn HTML. And those who were already connected to it. They started wanting more than HTML. Therefore, to fill this gap, the next version of HTML, HTML 4.0 was published.

And by now ‘Style Sheet’ was also making its way. So this version has some more features like; frame, script, stylesheet, etc. added. And the browsers who read it had also got some advance. And could read most of the features of HTML. This was a major change in the history of HTML.

HTML 4.01

The next version of HTML was HTML 4.01, a modified version of HTML 4.0. It was published in 1999 by the W3C. Today almost the website remains in this version.

Html 5

The latest version of HTML is HTML 5. In addition to the features of HTML 4.01, XML features have also been added to it. This version is slowly gaining recognition. And quite a lot has become popular.

The HTML tag is divided into two categories:

1. Paired tag - Another name of these tags is the Container tag. Which are used as Pair? That is, these tags have both Opening and Closing tags.
Example- Html tag is opening tag &lt;html&gt;, and Closing tag is &lt;/html&gt;. 

They are also closed by putting forward slash / in front of the rest of the tag. This means that to use them properly you will have to use both these tags. Only then you will be able to create a web page.

2. Unpaired tag– this tag is also called an empty tag. They have no closing tag. line break tag <br/> falls in this category.

So hopefully, by now you must have known about HTML. So let's learn how to create a basic web page using Html language.


Where and how is HTML used?


Where is HTML used?

This may seem a simple and absurd question. But, thinking about it deeply reveals its genuineness.

You have already known that HTML is used to create web documents. However, it is not limited to just creating web documents.

Because HTML is the foundation of the web. Without it, the creation of the web can not be imagined.

Apart from creating an HTML document, it is also used here a lot.

• Web Page Development
• Navigation
• Game Development
• Responsive Graphics
• Web Document Formatting

We have also known where HTML is used.

Come, now we know how to use it. That is, how to create a website using Html?

Creating webpages with HTML is very easy. We understand this with an example.


Instructions:-

• The HTML Code is given below. Copy it right away.
• Then paste this code into a text editor program (notepad).
• After that save this file by applying for .html file extension.
• After saving, open this file in any browser.
• Your webpage is ready.

HTML Example:

  <!DOCTYPE HTML>
<HTML>
<HEADER>
<TITLE>My First HTML Document of skillmeto</TITLE>
</HEADER>
<BODY>
<H1>This is Heading of skillmeto Document</H1>
<P>This is first paragraph of this skillmeto document.</P>
<P>This is second paragraph of this skillmeto document. You can add as many paragraphs as possible like this.</P>
</BODY>
</HTML>

Where and how to create HTML files?


HTML is a markup language in which text editors are used a lot to help generate a code that we type on notepad, notepad ++. And in our a computer system the browser should be Mozilla, Google Chrome, and when you type the code on a notepad, then save or store this file in your system under the name .html, .htm extension then open that file.

For that, you have to click on it twice and then you can load it on any browser and open it. And the browser reads the code of notepad and shows it on the website.

How to Learn HTML?


The web programming language HTML is very easy to learn. You can create your own web document with a few hours of training.
Below we are telling different ways to learn HTML. Through which you will be able to learn HTML from home.

1. Learn online
2. Join web designing course
3. Buy Books
4. Offline tutoring
5. Learn from YouTube

1. learn online

Nowadays digital education is dominated. Therefore, according to you, you can get free HTML training from any online source.
There are hundreds of sites on the Internet. Who is giving free training on HTHL? Some popular web portals are being named below. From where you can learn HTML for free.

• Html.com
• Htmldog.com
• Codecademy.com
• Learn-html.org
• Javatpoint.com
• Tutorialrepublic.com
• Udemy.com

2. Join Web Designing Course

If you can't learn online And you like the traditional education system. So you can take admission in a web designing course by visiting any nearby institute.

In this course, along with HTML, training of another web technologies such as CSS and JavaScript are also provided.

Therefore, keeping an eye on your budget and the credibility of the institute. Select it and take admission and start training.

During this training, you get an experience of working on live projects and after completion of studies, a certificate is also given. Which is a mandatory document to prove your eligibility?

3. Buy books

Books are the basis of learning any skill. Through them, we are connected to the writer in virtual form. And take direct advantage of their knowledge.
Therefore, you can start learning through examples by buying from the Best HTML Books market for self-learning and theoretical knowledge.
We are very confident. If you follow the instructions given in the book, then you will learn to make a 100% webpage.

4. Offline tutoring

By the way, it is also like joining the course. However, the only difference is that here you do not take admission in courses, etc. Only, take training from the neighborhood HTML Master.

The benefit of this training is more than any institute training. Because you are the only learner. And you also get work experience.

Because most of the tutors giving such tutorials are freelancers. And by freelancing, he makes a living. Therefore, they have many projects.

5. Learn from youtube

Nowadays a new platform to learn YouTube is emerging. Especially in the country of India, its craze is very much visible.

Since YouTube studies are free. Therefore, students give it a priority.
However, we cannot consider HTML videos available on YouTube more important in terms of quality. Nor are videos made in this way from reliable sources. Therefore, YouTube learning is always viewed with suspicion. And consider it less reliable. The rest is for you.

Features of Html


As you all know that technology changes day by day.

To fulfill this requirement of technology, Html 5 was launched with many improvements. Let us know about its features.

Clear Syntax: Syntax of Html is Clear, which can also be modified.

Graphics: Graphics have been used a lot in Html 5. Where you can create Vector Graphics using SVG (Scalable Vector Graphics) or Canvas.

Geo Location: It is difficult to find out the GeoLocation of the visitors visiting the website in Html 4, but since Html 5 has been launched, the GeoLocation has been added to it.

New Format: Some new formats have been added to HTML5 such as Date, Time, Calendar, Etc.

Effective Presentation: You can create Effectively Presentation with Html because it has a lot of Formatting Tag.

Link Adding: Allows Html Programmer to add links to web pages by Html Anchor Tag, so it increases users' interest in browsing.

Add Video or Sound: Html allows the programmer to add Graphic, Video, and Sound to the webpage, which makes it more interesting.

So these were the features of Html which provide such a good facility.
Now you must be thinking how does it work, then you know…

How Does Html Work?


Let us understand further how Html works.

Html provides many tags that make your website more attractive with the use of colors, font size, and graphics, Html tells the Browser how and where to show Elements written in that tag on the website.

Only one web page design is done from Html. The entire structure of the web page is created in Html. After writing Html Codes, the file is saved with.Html or.Htm File Extension.

If you save any file with.Html or.Htm File Extension, then upload it to Computer or Web Server and view it on Browser, Browser will read the Html Code is written in that file and show it on Html Page.

Now you know so much about Html, but the most important thing is where Html Coding is used.

Which is being told to you further.

Where do we use Html?


Html Coding is used to create a Web page, to create a Web Application, and to create an Electronic Document. Along with this, Html Ki Coding is also used in making Graphics and in making websites. Apart from all this, Html has many other good uses.

To learn Html, first of all, you need a Simple Text Editor and the Internet.

How to start Html coding?


Do you want to do Coding of Html but you do not know about it, then further details have been given.
Let's know…

First of all, you have to download Xampp Software. Xampp is an Apache, Mysql, and Php Package. Installing it on a personal computer is easy. Many developers like to do Local Testing on this.

So know how to use it.

Step 1. Windows Taskbar

First of all, go to Start in Windows Taskbar and type Xampp in Search Box, select Xampp Control Panel here, press Enter, and now start Apache from Xampp Control Panel. Here you will see "Running" Highlighted in Green Color which means that Apache is ready to use.

Step 2. Go To Start

Go to Start and open Computer, Navigate in Xampp Folder which is normally in the Top Level Folder of your Computer's Hard Drive. Open Htdocs Folder.

Step 3. Open Computer Again

Now again go to Option of Computer and navigate to the folder where you keep your Html File Save. If you do not have an Html file created earlier, then create an Html File and save it in Htdocs Folder in Xampp Folder. If you find a single Html file, then copy and paste it into Htdocs Folder.
Step 4. Start Your Web Browser

Start your Web Browser and type "Localhost / Filename.Html" in the Address Bar. Now press Enter and see Html File Load as Web Page. The Apache Server that came with Xampp is serving your web pages.
So this is how you can do Html Coding.

Now we will talk about Html tags which are the foundation of web pages.
Know about them

Types of tags in Html (Html ​​Tags And Attributes)


Various tags of Html

Html tags are used to create Head Page, Content Area, and Footer Area of ​​Web Page. First, we know about Html Tags Definition.

When Tim Berners-lee created Browser and Server Software, while creating these, some special codes were created to make these Browser and Software work, with the help of which Browser can be given Special Command. These tags are called Html Tags.

Know about Html Example…

• Html Tag - <Html> </Html>

This is the most Main Tag of Html. This defines the Html Document. An Html Document is started to be created with this Tag. All other Html Elements are written in the middle of this Tag.

• Doctype Tag - <! Doctype>

This tells Tag Browser how the document is written by which Browser also comes to know that Document has been created from Html.

• Body Tag - <Body> </Body>

This Html Basics Tag can be used in Documents in one go. It is used to create Constant Area of ​​Web Page.

• Heading Tag - <H1> </H1>

This tag is used to write the Heading of the Document. Heading Tag ranges from H1 to H6.

• Title Tag - <Title> </Title>

Use this tag to give the title of a web page. This tag is written inside the Head Tag. This lets the Browser know what the Web Page is about.

• Paragraph Tag - <P> </P>

Use this tag to write a paragraph. So that you can use as many paragraphs in your document.

• Head Tag - <Head> </Head>

This HTML tag is used to create the Header Area of ​​a Web Page as well as it is used to provide Importantly Information of a Web Page like - <Style>, <Script>, <Title>, <Link>, <Meta> writes all the tags inside the Head Tag itself.

• Link Tag - <Link>

This tag defines a link between a Document and External Resource. Link Tag is used for linking to the External Style Sheet.

• Image Tag - <Img>

Let's use this tag to add some kind of link to an HTML document.
So these were the tags of Html which are used for any web page and document.

Types of Html


Html is divided into 3 types. The new version of Html Html 5 has also been launched.

Let us know about these types.

• Transitional: This is the most common type of Html. It has a Flexible Syntax, Grammar, and Spelling Component. Approaches the Best Efforts for reading Browser Tag.

• Strict: Strict Type of Html means that it is in Returning Rules and making it more Reliable for Example - Strict Type requires all Closing Tags for all Opened Tags. This type of Html is most important for Type Phone.

• Frameset: Allow a Frameset Developers to create Mosaic of Html Documents. Where multiple documents can be connected on a single screen. This technique is used to create a Use Menu System.
So, guys, these were the types of Html you know here. These are the 3 main types of Html.

HTML Advantages and Disadvantages?


1. HTML is a very easy language, if you want to learn how to build a website, then you can start with HTML, this can easily change the design.

2. With HTML you can create both Static and Dynamic websites and it is very easy to create Effective Presentation because there are many Formatting Tags.

3. HTML is a markup language, Html tutorial is easy which will make Flexibility Provided easy on the webpage.

4. It allows linking to web pages (by Html anchor tag), so it increases user interest in browsing.

5. HTML is a platform-independent language that can be used on any platform such as Windows, Linux, Macintosh, etc.

6. It allows the programmer to add Graphics, Video, and Sound to the web page, which makes it more Attractive and Interactive.

Important questions of Html.


• Html Color Codes: With Html Color Codes you can change the color on the web page so that the color of the background, table, and text of the web page can be changed.

• Html Formatter: Html Formatter Online helps in beautifying and formatting Html Data as well as editing, viewing, and analyzing Html Data. This is a very easy way to edit Html Data.
    
• Html Fonts: You can use many types of Fonts in Html. Which you can use for your website.
      
• Html Table: Allow Html Table, Web Author to Arrange the Text, Images, Links, and other tables, etc. data into cells of Rows and Column.
  
• Html Elements: Html is an individual component of Elements, Html Document, and Web Page. Html is composed of Html Nodes tree-like - Text Nodes, Node can contain other Nodes and Text Content. Many Html represent Nodes, Meaning, or Semantic.  

So, friends, this was the complete information of Html that you got to know here today.

Conclusion,

In this article, you have learned what is HTML, what is HTML full form? Also, did you know how and where HTML is used? And how to learn HTML? And so many interesting questions about Html are included in this article.

We hope that this article will prove useful to you. If you have any questions or ideas related to HTML, then you can ask it through a comment.

If you like this post then please share this article or social media site like Facebook, Twitter, and etc.


Post a comment

0 Comments