THE BEST UI KITS MONEY CAN BUY

Click Here!

What is HTML

What is HTML

2019-09-15 |

HTML is the abbreviation used for Hyper Text Markup Language. This is a standard markup language used to create web pages and web sites.

html tutorial

HTML is an easy to learn language and consists of tags which are put in angled brackets (< >).

There are many formats including plain text to images that can be marked up in HTML for e.g. <img>, <picture>, <title> , etc. These tags are the building blocks of a website and make up the semantic as well as the visual component of the web page. This language can be related to the markups editors use in a text to specify the final look of the documents. These directions, written in blue, were not present in the final document. HTML is the language of the web and people need to know this if they want to desing their own web pages. It is not very difficult to learn HTML, if your basics are clear and hence you need to get your basics right.

HTML Tags

The HTML tags describe the HTML documents. These tags usually come in pairs, called the start tag and the end tag. The web browser reads these tags and then converts them into web pages that can be seen or heard. Since HTML allows to embed objects as well as images in it, a user can create an interactive website using HTML. You should know which HTML tags have only a single opening tag and which others have a closing as well as a opening tag. You need to type your HTML code in notepad or any other HTML Editor. Learning HTML is one of the basic skills needed to create a webpage and hence a website. Sturcutre of a basic HTML Document is

<HTML>
<HEAD>
<TITLE>Title Here</TITLE>
</HEAD>
<BODY>
Your Text Here....
</BODY>
</HTML>

More HTML Tags

HTML is the basic markup language that is used to create web pages. It is easy to learn once all the basics are clear. There are lots of HTML tags but some of them are very important and hence you need to take care and take some effort to learn it in the right way. There are lots of guides, which are very complicated but we want to keep this simpe and short for you to understand and start working in no time.

HTML Tags

HTML uses markup tags which are, in a way, instructions about what should be places where in a page. There are tags for inserting everything from headings to text bod, images, links, pictures, tables, navigation bars, menu, lists and footers. There are so many of them and each has its own importance and hence you need to remember them.

Here is a list of the important HTML Tags for you to try when you create your web page:

1. HTML Document

The most important and basic element of a web page is a document. To create a simple document, type in:

!DOCTYPE html>
<html>
<body>
<h1>This is the first heading </h1>

<p>This is the first paragraph.</p>

</body>
</html>

2. HTML Headings (you can add up to 6 headings in a document)

<!DOCTYPE html>
<html>
<body>

<h1> heading 1</h1>
<h2> heading 2</h2>
<h3> heading 3</h3>
<h4> heading 4</h4>
<h5> heading 5</h5>
<h6> heading 6</h6>

</body>
</html>

3. HTML Links

<!DOCTYPE html>
<html>
<body>

<a href="http://www. abcd. com">Click on link to see what happens </a>

</body>
</html>

4. HTML Paragraphs

Your web pages contain information that is divided into paragraphs. To create these paragraphs, use the command:


<html>
<body>

<p> Your paragraph no. 1</p>
<p> Your paragraph no. 2.</p>
<p> Your paragraph no. 3.</p>

</body>
</html>

Using DIVS

The <div> tags in the HTML language, is a markup tag to create divisions in the HTML document. These divisions must then be customised using CSS to prepare a layout of the web page. It is very important that you should have certain object of your HTML in specific place in the page. It should be stable there only irrecpective of the resolution of the browser in such situations, these are of great help and you can do them without any problems.

A div tag is often used when the developer wants to make changes to a large area of a web page. Using div, one can wrap the desired paragraphs in a div element and then apply the required fonts and changes using CSS. This saves a lot of time as now, there is no need to type commands for each of these paragraphs. This is one of the main advantage of using these tags as they can do work quickly and as per your need. This is a powerful tag if understood well, or you can mess up the code and things could be really confusing for you. Uses of the div tag

1. The div tag is useful for creating a layout of a web page that is user friendly and flexible. For e.g. using the same header, footer and navigation, all through the website.
2. The div tag is better than tables as they are way faster to load and lets the spider of the search engines (like Google) to ‘crawl’, so that your website is found easily on it.
3. Div tag is intuitive and very easy to handle. The changes can be done easily with the help of CSS.
4. We can include text, pictures, links, in fact, most of the things in the div tag.

HTML Meta Tags

Metadata is data about data. In simpler terms, the metadata provides information about the data and describes its various attributes. Meta tags provide data about the HTML document. Although, the metadata is not visible on the web page, it is identified by the machine. It is important that you know all the tags well to avoid any kind of problems. There are lots of people, who are not sure of the tags and that is the main reason , whe they do not get things right.

The meta tags are used by browsers, search engines as well as other web services.

The main function of meta tags is to define the page description, author, last modified and keywords, etc. This information is then used to display or reload page by the browser or for search by search engines, etc.

The examples of meta tags include:

Description of your web page:

Specify the author of the page:

Refresh the document in every 45 seconds:

Define keywords for various search engines (like Google, Bing, Yahoo! , etc.)

The importance of Meta Tags

Although the Meta tags do not change the way your web pages look, they provide the essential information about your page. Although the big search engines do not use this information for ranking, your metadata does get displayed for a user to read and decide to click on your link or not.

Image reference