Pages

Thursday 24 July 2014

HTML4 and HTML5 Tutorial



With HTML you can create your own Web site.
This tutorial teaches you everything about HTML.
HTML is easy to learn - You will enjoy it.

The following simple HTML  code will show how to write the Heading and the Paragraph using simple HTML tags.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Example Explained



Now i will explain the previous example.


  • The DOCTYPE declaration defines the document type
  • The text between <html> and </html> describes the web page
  • The text between <body> and </body> is the visible page content
  • The text between <h1> and </h1> is displayed as a heading
  • The text between <p> and </p> is displayed as a paragraph

What is HTML?

HTML markup tags are usually called HTML tags.

  • HTML tags are keywords (tag names) surrounded by angle brackets like <html>
  • HTML tags normally come in pairs like <p> and </p>
  • The first tag in a pair is the start tag, the second tag is the end tag
  • The end tag is written like the start tag, with a slash before the tag name
  • Start and end tags are also called opening tags and closing tags
 <tagname>Content</tagname>  

HTML Elements

In HTML, most elements are written with a start tag (e.g. <p>) and an end tag (e.g. </p>), with the content in between:

<p>This is Paragraph.</p>

Web Browsers

The purpose of a web browser (such as Google Chrome, Internet Explorer, Firefox, Safari) is to read HTML documents and display them as web pages.
The browser does not display the HTML tags, but uses the tags to determine how the content of the HTML page is to be presented/displayed to the user:

HTML Page Structure

 elow is a visualization of an HTML page structure:




 
Read more...