Programming Languages
=====================
Sequence of instructions which are used to communicate with the computer and to solve the given problem is called programming language.By using programming languages we can develop cui,gui applications and to perform server side validations. To do this we use the programming
language concepts like variables,operators,control statements etc.,
Scripting Languages
===================
It is also a language which supports scripts(Script is nothing but a piece of work which is done before original work complete). Again scripting languages are divided into two types
1.Server side scripting languages:
=====================================
Which are used to performing the server side validations
Ex:
===
jsp,asp,php
2.Client side scripting languages:
===================================
which are used to performing the client side validations
Ex:
===
javascript,vbscript
Markup languages:
=================
These are the language which are used to develop or storing the information in the webpages. To do this we cannot use any programming language concepts. To represent anything in markup languages we use a tags.
Tag:
====
Tag is nothing but a element(or)keyword(or)object
Syn:
====
<tagname attributes events>
contents
</tagname>
ex:
===
<marquee direction="right">
any text
</marquee>
In Markup language there are so many types of tags
are available some of them are
1.Predefined Tags
2.UserDefined Tags
3.Single tags
4.Paired Tags
5.Nested tags
PreDefined Tags:
================
These tags are already available so we no need
to create those type of tags. We directly use those tags.
UserDefined Tags:
=================
These type of tags are not available so we can create and then use it.
Note:
======
In Html we can use predefined tags only. We no need to create userdefined tags.
Single Tags:
=============
In Single Tags starting tag and ending tags together in same tags. If you we no need to write any contents then we use single tags.
syn:
====
<tagname/>
ex:
====
<br/>
<hr/>
<img/>etc.,
Paired Tags:
=============
Starting tag and ending tag seperated in differents tags then that type of tag is called as paired tag. Paired Tags are used to place the contents inside the tags.
Syn:
====
<tagname>
contents
</tagname>
Ex:
===
<body>
anytext
</body>
<font>
any content
</font>
Nested Tags:
============
A tag inside another tag is called as nested tags. In nested tags outer tag must be paired tag.
syn:
====
<tagname>
<tagname/>
<tagname>
</tagname>
</tagname>
Ex:
===
<html>
<head>
</head>
<body>
</body>
</html>
Attributes:
===========
Attributes are nothing but a properties which are used to provide extra information to the tags. Here attributes are classified into two types
1)common attributes
2)indididual attributes
Common Attributes:
====================
These are the attributes which are used to applicable for all the tags in html
Ex:
===
name
id
class
style
dir
title
link
alink
vlink
Individual Attributes:
=======================
These type of attributes are applicable for the particular tags only.
Ex:
===
for font
==========
size
face
color
for hr
=======
color
size
width
align
Events
=======
Events are nothing but a dynamic actions performed on the tags. Here events are four types those are
Mouseevents
=============
onclick
onmousedown
onmouseup
ondblclick
onmouseover
onmouseout
onmouseup
onmousemove
keyevents
=========
onkeyup
onkeydown
onkeypress
Browser Events:
==========
onload
onunload
onresize
Control events:
===============
onsubmit
onreset
onchange
onfocus
onblur
-->html is a case insensitive language
-->html is a error free language
Structure of html document:
===========================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="xyz">
</HEAD>
<BODY>
</BODY>
</HTML>
Doctype tag:
==============
This tag is used to specify the document type.
In Doctype we can specify type of the markuplanguage,
how many number of persons can access,dtd(document type
definition)file.
Html tag:
==========
It is the root tag of the html document.It is
having number of subtags some of them are
1.Head tag
2.Body tag
Head Tag:
=========
To represent the head part of the webpage we
use a tag head tag.In head tag we can specify title of
the webpage and we can give extra information about the
webpage to the search engines
-->To give title of the webpage we use a tag <title>
-->To give extra information to search engines
we use a tag <meta>.
Body Tag:
=========
-->If you want to place any contents in the webpages
we use a tag<body>
Attributes of the body tag:
===============================
1.bgcolor:
==========
By using this we can specify the background of
the webpage
bgcolor="colorname/colorvalue"
2.text:
========
This attribute is used to specify the color of
the text
text="colorname/colorvalue"
Note:
======
we can give the color values in two ways
1.6-digit hexa decimal number(#a6ec98)
2.3-digit hexa decimal number(#4e1)
3.dir:
======
This attribute is used to specify in which
direction we can place the contents in the webpage.
dir="ltr/rtl"
4.leftmargin,rightmargin,topmargin,bottommargin
================================================
These are used to set the margins for the webpage
leftmargin
rightmargin "number of pixels"
topmargin
bottommargin
5.title:
=========
This attribute is used to provides the extra information about the webpage to the users.
title="any text";
=====================
Sequence of instructions which are used to communicate with the computer and to solve the given problem is called programming language.By using programming languages we can develop cui,gui applications and to perform server side validations. To do this we use the programming
language concepts like variables,operators,control statements etc.,
Scripting Languages
===================
It is also a language which supports scripts(Script is nothing but a piece of work which is done before original work complete). Again scripting languages are divided into two types
1.Server side scripting languages:
=====================================
Which are used to performing the server side validations
Ex:
===
jsp,asp,php
2.Client side scripting languages:
===================================
which are used to performing the client side validations
Ex:
===
javascript,vbscript
Markup languages:
=================
These are the language which are used to develop or storing the information in the webpages. To do this we cannot use any programming language concepts. To represent anything in markup languages we use a tags.
Tag:
====
Tag is nothing but a element(or)keyword(or)object
Syn:
====
<tagname attributes events>
contents
</tagname>
ex:
===
<marquee direction="right">
any text
</marquee>
In Markup language there are so many types of tags
are available some of them are
1.Predefined Tags
2.UserDefined Tags
3.Single tags
4.Paired Tags
5.Nested tags
PreDefined Tags:
================
These tags are already available so we no need
to create those type of tags. We directly use those tags.
UserDefined Tags:
=================
These type of tags are not available so we can create and then use it.
Note:
======
In Html we can use predefined tags only. We no need to create userdefined tags.
Single Tags:
=============
In Single Tags starting tag and ending tags together in same tags. If you we no need to write any contents then we use single tags.
syn:
====
<tagname/>
ex:
====
<br/>
<hr/>
<img/>etc.,
Paired Tags:
=============
Starting tag and ending tag seperated in differents tags then that type of tag is called as paired tag. Paired Tags are used to place the contents inside the tags.
Syn:
====
<tagname>
contents
</tagname>
Ex:
===
<body>
anytext
</body>
<font>
any content
</font>
Nested Tags:
============
A tag inside another tag is called as nested tags. In nested tags outer tag must be paired tag.
syn:
====
<tagname>
<tagname/>
<tagname>
</tagname>
</tagname>
Ex:
===
<html>
<head>
</head>
<body>
</body>
</html>
Attributes:
===========
Attributes are nothing but a properties which are used to provide extra information to the tags. Here attributes are classified into two types
1)common attributes
2)indididual attributes
Common Attributes:
====================
These are the attributes which are used to applicable for all the tags in html
Ex:
===
name
id
class
style
dir
title
link
alink
vlink
Individual Attributes:
=======================
These type of attributes are applicable for the particular tags only.
Ex:
===
for font
==========
size
face
color
for hr
=======
color
size
width
align
Events
=======
Events are nothing but a dynamic actions performed on the tags. Here events are four types those are
Mouseevents
=============
onclick
onmousedown
onmouseup
ondblclick
onmouseover
onmouseout
onmouseup
onmousemove
keyevents
=========
onkeyup
onkeydown
onkeypress
Browser Events:
==========
onload
onunload
onresize
Control events:
===============
onsubmit
onreset
onchange
onfocus
onblur
-->html is a case insensitive language
-->html is a error free language
Structure of html document:
===========================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="xyz">
</HEAD>
<BODY>
</BODY>
</HTML>
Doctype tag:
==============
This tag is used to specify the document type.
In Doctype we can specify type of the markuplanguage,
how many number of persons can access,dtd(document type
definition)file.
Html tag:
==========
It is the root tag of the html document.It is
having number of subtags some of them are
1.Head tag
2.Body tag
Head Tag:
=========
To represent the head part of the webpage we
use a tag head tag.In head tag we can specify title of
the webpage and we can give extra information about the
webpage to the search engines
-->To give title of the webpage we use a tag <title>
-->To give extra information to search engines
we use a tag <meta>.
Body Tag:
=========
-->If you want to place any contents in the webpages
we use a tag<body>
Attributes of the body tag:
===============================
1.bgcolor:
==========
By using this we can specify the background of
the webpage
bgcolor="colorname/colorvalue"
2.text:
========
This attribute is used to specify the color of
the text
text="colorname/colorvalue"
Note:
======
we can give the color values in two ways
1.6-digit hexa decimal number(#a6ec98)
2.3-digit hexa decimal number(#4e1)
3.dir:
======
This attribute is used to specify in which
direction we can place the contents in the webpage.
dir="ltr/rtl"
4.leftmargin,rightmargin,topmargin,bottommargin
================================================
These are used to set the margins for the webpage
leftmargin
rightmargin "number of pixels"
topmargin
bottommargin
5.title:
=========
This attribute is used to provides the extra information about the webpage to the users.
title="any text";
Share your Study Materials with us : 