Tuesday 29 April 2014

HTML DOCUMENT TYPE DECLARATION

By 18:10 , No comments
Hi friends! As you now in the previous post we share the basic of html tags and i think you know something about html tags. Today we take step toward the html declaration don't worry  i explain it briefly.


What is document type declaration?

·        Doc type declaration is a kind of instruction to tell the web browser which version of html we are using.

·        In html we use document type declaration refer to DTD (document type definition) because html based on SGML. The DTD indicate the rule of markup languages.

·        With document type declaration browser understand how to show the content on webpage.

·        Always try to use document type declaration and tell the browser how to show the content on webpage.

TYPES OF DECLARATION;
There are three types of declaration in html and xhtml.

1.     Strict
2.     Transitional
3.     Frameset

DOCUMENT TYPE DECLARATION IN HTML(4.01)
STRICT
This type of declaration consists of html element and attributes, but does not include presentational or deprecated elements. Frameset not supported in this type of declaration.
                  
           < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01//EN"
              "http://www.w3.org/TR/html4/strict.dtd"
TRANSITIONAL;
 This type of declaration consists of html element and also including presentational or deprecated elements. Frameset not supported in this document type declaration.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
FRAMESET
This type of declaration consists of html element and attributes, including presentation and deprected elements. Framset is supported in this declaration.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

 
DOCUMENT TYPE DECLARATION IN XHTML (1.0)


STRICT
This type of declaration consists of html element and attributes, but does not include presentational or deprecated elements. Frameset not supported in this type of declaration.
It is important to write in well-formed xml.
                  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
TRANSITIONAL;
 This type of declaration consists of html element and also including presentational or deprecated elements. Frameset not supported in this document type declaration.
It is important to write in well-formed xml.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

FR AMESET
This type of declaration consists of html element and attributes, including presentation and deprecated elements. Frameset is supported in this declaration.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 

FINAL WORDS
friend i think now you get it how the declaration and why the declaraton use in html document. please visit us regularly and share our post with your post with your friend and support us.
Read More...

Wednesday 23 April 2014

HTML BASIC TAGS

By 19:52 , No comments
In the last tutorial we learn basic definition of of html, tags, element and attributes.
Html is easy of all other language and today i come with the basic tag  of html. It is said by mostly designer the html tags are easy any body can learn it in five minutes.

<html> </html>

Html tag tells the browser that it is an html document. All the html tag describe in the html tag. Each document have an opening tag and closing tag like that <html> </html>

<head>

It is the first tag which is written after the html opening tag <html>. This tag is containing on all information about head section. It is contain on title tag, Meta tags, cascading style sheet (css), JavaScript tags. All the script tag are written in head such as JavaScript, VBScript inside the document.

EXAMPLE


<head><title> this is my first page </title><meta name=’keyword’ content=”html, css, JavaScript” /> (this is  a meta tag)<link rel=”stylesheet” type=”text/css” href=”tutorialworld.css”/><scrip type=’text/javascript’>document.write(“hello world”);</script></head>

<body>

Body is the most important tag which comes after the head tag. It contain of content tags such as hyperlinks, text, images, list, tables, form and frames etc. It is main and important section of page because all the thing which display on webpage written in this section.

EXAMPLE

<html><head><title>body tag</title></head><body><p>this is paragraph tag which indicate the paragraph in your webpage it leave a blank line before and after the paragraph.</p></body></html>

 Paragraph TAG <p></p>


This tag defines the paragraph in webpage it leaves blank line before and after the paragraph.

EXAMPLE
<body><p>this is paragraph tag which indicate the paragraph in your webpage it leave a blank line before and after the paragraph. </p></body>

HEADING TAGS<h1></h1>

These tags indicate different heading it start from h1 to h6. h1 heading is the bid heading all of them and h6 is smallest.

EXAMPLE


<body><h1>HEADING </h1><h2>HEADING </h2><h3>HEADING </h3><h4>HEADING </h4><h5>HEADING </h5><h6>HEADING </h6></body>

IMAGE TAG <img>

This tag defines html image tage to show the image on webpage.
"src"(source) where is your file locate. It is important write the format image otherwise it will nor show the image.

EXAMPLE


<body><img src="image.gif" /></body>

LINK TAG

Link tag defines the link tag in webpage. It is very important tag because links are important to the webpage and without link tag the
Webpage is incomplet. Link tag is <a href=""></a> (a indicate anchor and href means hyper text reference) and the address of link written between inverted coma.

 FOR EXAMPLE


<body><a href="www.worldoftutorial.blogspot.com">world of tutorial</a></body> 

FINAL WORDS.


In this lesson you learned about basic tags of html and now you have understanding of basic tags. Please share our tutorial with your friends.
Read More...

Tuesday 15 April 2014

INTRODUCTION OF HTML

By 20:49 , No comments

INTRODUCTION TO HTML

Welcome to my blog world of tutorial here you find many tutorials which help you a lot.
Now come to the topic I am going to start our first topic about html which give you basic understanding of html.
Html is not programming language. it is markup language which is used to make web pages. Html stands for hyper text markup language.

Html history

In 1980, Tim berners-lee working as physicist at CERN (The European Organization for Nuclear Research). He thinks a way for scientist to share document over internet, communication via internet was limited to plain text by using technologies such as email system and FTP (File Transfer Protocol).

WHAT IS HTML?

Html is a markup language. it tells the browser how to display content on web pages such as (videos, images, words etc.). Html is a markup language. Markup language is a collection of markup tags.  The tags describe content of document. Html document consist of tags and plain text.

WHAT IS TAGS?

A web browser reads the html document with help of html tags with the tags the browser understand that this is paragraph, video, images, etc.  Html tags are in pairs. First tag of the pair is called opening tag and the second tag of the pair is called closing tag. Closing tag is written as first tag but with forward slash before the tag name.
The opening tag and closing tag is also called start tag and end tag.
EXAMPLE;
<h1> this is my first web page</h1>

ELEMENT

Element html tags are totally same thing both describe same thing html element consist of html tags and content.
Html also contains some empty content tags such as <br> (this tag is used break line).
NOTE;
In xhtml all tags must be closed in html right way of write tag is <br />
EXAMPLE
<p> this my first paragraph </p<
From the opening to closing tag is called element.

ATTRIBUTES

In html every element has attributes. Attributes tells the browser how to appear the element in web browser. Attributes written as name and there value. Value must be written in quote. No matter you use double quote or single quote.
EXAMPLE
<h1 align=”left”>  this is our first web page</h1>

FINAL WORDS

NOw you have understanding of basic of html . our next topic will be about the basic of html. Please suport us and visit our blog regularly.
thanks
Read More...