Learning Html online

How to learn html?

Learn html is so easy for any one.

This will guide you how to learn html online.

Learning Html is must for web designer or web developer to create a website or build a website. Html is the basic structure for a website. We are see html in our browser. CSS control the html’s style and JavaScript’s are work on run-time to change html content or CSS style. The new standard of html is HTML 5. HTML 5 have some new feature. By this tutorial you will able to learn about basic HTML. This will guide you through this.

 

HTML = Hypertext Markup Language.

HTML is a language(Not a programming language) to describe the contents of any web documents. It’s use a syntax which contain markers (called element ). Which wrapped around the text in this kind of document to indicate how browser will render the document.

Anyone should must understand html tree to learn html online.

The first item(element or tag) of html source code is Doc-type. The doc-type describe what kind of markup language is this document. The doc-type may or may not affect how to browser render the documents content. The latest doc-type of html is “<!DOC-TYPE html>” for html 5. Here is a element(tag) tree for a webpage.

Learn HTML: Document tree of a simple web page

HTML document tree of a simple web page

There are two element or tag under html called head and body. Head contains meta tag and title. Body contains h1, p, blockquote, h2.

HTML element:

Immediately after the doctype declaration comes the html element. It is the root of the document tree. All tags are under this element.

HEAD element:

The head contains metadata about itself and styles or scripts. Any information in head not show in browser. Head is important to learn html.

Head tag can also contain:

Ex: <head></head>

Title:

It’s represents the document’s title or name. It describe what this document is. The content of title tag is used by browser to display it in browser’s title bar.

Example:

<head>
    <title>Learn html online.</title>
</head>

Meta:

It’s provide additional information about the page. Ex: The character encoding, summary of page, whether search engine index this page or not.

Example:

<head>

<meta name="robots" content="all,index,follow" />

</head>

Style:

This contains the embedded css style.

Example:

<head>
  <style>
      body{
         color:#F00;
      }
  </style>
</head>

Script:

To use embedded or external script.

Example:

<head>
<script>
alert("I am learning html online");
</script>
</head>


<h2><strong>With all of this the head element example is:</strong></h2>

<head>
<title>Learn html online.</title>
<meta name="robots" content="all,index,follow" />
<style>
body{
color:#F00;
}
</style>

<script>
alert("I am learning html online");
</script>
</head>

Body element:

All visible content are contained in this element. Everything we can see in browser window is contained in this element. Such as paragraphs, link, image, table, order or unorder list and etc. Body is most important part of learning html because all visible contents are goes here.

Body example:Learn html

<body>
<p>This is a paragraph.</p>
<a href="http://www.example.com">Example of link.</a>
</body>

The total example of a html webpage is:

<!DOCTYPE html>

<html>

<head>

<title>Learn html online.</title>

<meta name="robots" content="all,index,follow" />

<style>

body{

color:#F00;

}

</style>

<script>

alert("I am learning html online");

</script>

</head>

<body>

<p>This is a paragraph.</p>

<a href="http://www.example.com">Example of link.</a>

</body>

</html>

To get a full reference about html tag reference.

Tags: , ,

Comments

Leave a Reply