basics of HTML coding


What is HTML?

HTML is Hypertext Markup Language which allows the users to create the structure and various sections of the web page such as paragraphs, Links, headings, etc. It is easy to organize and format documents according to one’s needs. HTML is a markup language that uses simple code structures and it is an easy language to learn for beginners.

Structure of Basic HTML coding

<HTML>

<HEAD>

<TITLE> your page title here </TITLE>

</HEAD>

<BODY>

Your web page content will goes here

</BODY>

<HTML>

Every HTML page must contain all these basic HTML coding. Each code has its own value

Head

It shows information about the HTML documents such as the title of the page, version of HTML, and so on. All meta tags such as meta title, meta keywords, meta description are put under header tag.

Title

Its tell information about title of web-page

Body

Body contains information about content of your web-page

Opening tag <> closing tag </>

Every tag come in pairs. The tag which is opened must be closed later.

Important HTML Tags for SEO

TITLE TAG

It is one of the most important tags as it contains the title of your content. Search engines rank your website based on the content of your website. Title tag provides the information of the content to the search engines and accordingly search engine rank your website based on the focused keyword which you wish to rank on the web.

META DESCRIPTION

Meta description is one of the most important tags as it describes the summary of your entire topic and allows the users to know what all they will be getting from your content. It is also important to know that the focus keyword should always be put in the meta description. It helps search engines to know about your content

Alt tags

As search engines are not able to read the images but they can read words. So it is important to include the alt tags in all the images of your page so as to rank your images on the search engine.

Link and anchor text tag

whenever we are writing about some content we includes the images and sources form different websites, we should ensure to always give credit to them.

How to Create Web Page in HTML

Open Notepad

starting coding

Example-



How to insert image and add alt tag in HTML web page

<HTML>

<HEAD>

<TITLE> your page title here </TITLE>

</HEAD>

<BODY>

Your web page content will goes here

<img src=”smiley.gif” alt=”Smiley face” >

</BODY>

<HTML>



How to add an internal link or external link in the web-page

<HTML>

<HEAD>

<TITLE> your page title here </TITLE>

</HEAD>

<BODY>

<a href=”url of webpage”>Visit our HTML tutorial</a>

,</BODY>

<HTML>


How to add Background Color in image

<HTML>

<HEAD>

<TITLE> your page title here </TITLE>

</HEAD>

<BODY style= “background-color:red;”>

</BODY>

<HTML>

How to reduce size of image

<HTML>

<HEAD>

<TITLE> your page title here </TITLE>

</HEAD>

<BODY>

<img src=”smiley.gif” alt=”Smiley face” height=”42″ width=”42″>

,</BODY>

<HTML>



Leave a Reply

Your email address will not be published. Required fields are marked *