Saturday, October 08, 2011

HTML Tutorial - Theory Part - 1


HTML stands for Hypertext Markup Language, is the common markup language for creating or describing a web pages. It is not a programming language, it is a markup language.
A markup language is a language for communicating to a web browser how the contents of a page will be displayed. In HTML this extra information is communicated to the browser in the form of codes or "tags".
HTML is written in the form of "tags" that are surrounded by angle brackets like start tag <html> and end tag </html>.
An HTML file have an .htm or .html file extension as like index.html , about_us.htm, which can identify that the page is a web page or HTML Documents.

HTML Tutorial( Bangla )




HTML Tutorial ( English )



HTML Tags

Tags is the important part of Hypertext Markup language. HTML Tags give instruction a browser how to display the page content. In other words, HTML Tag is one kind of command, how and what type content will display in the browser window.

HTML tags are english words written by angle brackets like <html>. It has two parts. One is Opening tag or Start tag ( written by angel bracket (< then tag-name and then again angel bracket ( > ), e.g <h1> ) and another is Closing tag or end tag( written by angel bracket ( < )then backslash or Slash ( / ) then tag-name then again angel bracket (>), e.g </h1> ).
HTML tags normally come in pairs like opening tag <h1> and closing tag </h1> expect empty element.

How to start

You need something for make a website. Bellow describe this:
  • Editor
  • Browser
 Editor:
An HTML Editor is a application software for creating, editing and modifying web pages. Although the HTML markup of a page can be written with any text editor, specialized HTML Editors can offer more visual writing features for web developers.

HTML Editors more features as like graphical authoring tools and content management systems make easy to write, edit and modify web pages.
HTML Editors give you features that aren't usually available in plain text editors.Bellow some Text and HTML Editors List :

Web Browser:

A Browser is only HTML web pages reading Application software. A Web Browser is designed to read the instructions or HTML Tags, in order to render the page graphically.
A Web browser is a client software that uses HTTP (Hypertext Transfer Protocol) to make requests of Web servers throughout the Internet on behalf of the browser user.Then server send requested page to users computer and users computer browser translate HTML pages and display the visual content, dont't display the HTML Tags
Bellow some browsers List:

HTML Syntax

A HTML document contains two distinct parts, the head and the body. The head contains information about the document that is not displayed on the screen. The body then contains everything else that is displayed as part of the web page.
The basic structure then of any HTML page is:
Explained Above HTML Syntax:
  • <DOCTYPE – Document types define which HTML version you use .
  • The <html> and </html> tags identifies that this document is a web page or HTML document.
  • The <head> and </head> tags are specifies page information which is not visible in a web page.
  • The <title> and </title> tags are assigns to page name. title content generally displayed at top of browser.
  • The <body> and </body> tags are contains page contents which is visible in Browser window.

HTML Elements

HTML documents or web pages are defined by HTML elements. Say other hands a collection of HTML elements make a web page or HTML Documents.
HTML Elements has normally three parts.
  • An HTML element starts with a start tag / opening tag. ( <h1> )
  • An HTML element ends with an end tag / closing tag. (</h1>
  • The element content is everything between the start and the end tag.
Example of Elements -

 HTML Attribute
Attributes are instructions that clarify and modify an element. Attributes provide additional information about HTML elements.

The syntax for attributes is as follows: