HTML2
HTML (HYPRT TEXT MARKUP LANGUAGE)
(PART-2)
First of all, we
remember the basic structure of HTML which is given below:-
<!DOCTYPE
html>
<head>
<title> IT IS A BASIC STRUTUE
EXAMPLE </title>
</head>
<body
bgcolor="aqua">
<br><br><br><br><br><br><br><br>
<center>
<p>
<font size=7>WE SHOULD KNOW THE BASIC STRUCTUE FIRST</font>
</p>
</center>
</body>
</html>
Result of the
above program:-
Today
I’ii discuss about some Tages and Attributes of HTML. We should note that HTML
is not a case- sensitive that is one can write HTML Tags in Capital letter or
Small letter.
First
Tag is HEADING TAGS
HTML
has six level of headings. Six level of headings tags are <h1>, <h2>, <h3>,
<h4>, <h5>, <h6>.
When
headings are displayed through Browser, Browser adds one line before and one
line after that heading.
Example:-
<!DOCTYPE
html>
<head>
<title> IT IS A HEDING TAGS EXAMPLE
</title>
</head>
<body
bgcolor="pink">
<br><br><br><br><br><br><br><br>
<center>
<h1>
<font color= "red"> IT IS THE FIRST HEADER</font>
</h1>
<h2>
<font color= "blue"> IT
IS THE SECOND HEADER </h2>
<h3> <font color= "green"> IT IS
THE THIRD HEADER </h3>
<h4>
<font color= "purple">
IT IS THE FOURTH HEADER </h4>
<h5>
<font color= "orange">
IT IS THE FIFTH HEADER </h5>
<h6>
<font color= "cyan"> IT
IS THE SIXTH HEADER </h6>
</center>
</body>
</html>
RESULT
OF THE ABOVE PROGRAM:-
Heading
sizes decrease according to levels. It is a Closed Tag.
Second
Tag is:- PARAGRAPH TAG
Paragraph
tags are used to represent different paragraphs in HTML. The Syntax of
Paragraph Tag is:
<p> ………. </p>
It
is a closed Tag.
Example:-
<!DOCTYPE
html>
<head>
<title> IT IS A EXAMPLE OF
PARAGRAH </title>
</head>
<body
bgcolor="cyan">
<br><br><br><br><br><br><br><br>
<center>
<p>
<font size=7> IT IS THE FIRST PARAGRAPH</font> </p>
<p>
<font size=7> IT IS THE SECOND PARAGRAPH</font> </p>
<p>
<font size=7> IT IS THE THIRD PARAGRAPH</font> </p>
<p>
<font size=7> IT IS THE FOURTH PARAGRAPH</font> </p>
<p>
<font size=7> IT IS THE FIFTH PARAGRAPH</font> </p>
</center>
</body>
</html>
Result
of the above program:-
THIRD
TAG IS CENTER TAG:-
<center> tag is used to place any content in center. It is a closed tag. Any content inside the <center> tag will be displayed in center. The SYNTAX of <center> tag is:-
<center> ……… </center>
Example:-
<!DOCTYPE
html>
<head>
<title> IT IS A EXAMPLE OF CENTER
TAG </title>
</head>
<body
bgcolor="OLIVE">
<br><br><br><br><br><br><br><br>
<center>
<p>
<font size=7 color= “red”> IT IS THE TEXT WHICH IS DISPLAYED IN CENTER </font>
</p>
</center>
</body>
</html>
Result
of the above program:-
Fourth
Tag is LINE BREAK TAG
:-
Line
Break Tag <br> is used to provide a blank space equivalent to a line.
Sometimes we want to show the text not on the top but some below of the top, in
that case <br> tag is the best choice. <br> tag is used anywhere in
HTML to provide a Line Break. It is an opened Tag.
Example:-
<!DOCTYPE
html>
<head>
<title> IT IS A EXAMPLE OF LINE
BREAK TAG TAG </title>
</head>
<body
bgcolor="PINK">
<br><br><br><br><br><br><br><br>
<center>
<p>
<font size=7 color= “BLUE”> IT IS THE TEXT WHICH IS DISPLAYED EIGHT LINES
GAP FROM THE TOP </font> </p>
</center>
</body>
</html>
Result
of the above program:-
In
this case Eight Lines Break is given at the top.
FIFTH
TAG IS HORIZONTAL LINE
TAG:-
Horizontal
Line Tag <hr> is used to provide a line break. Suppose we want to provide
a line break between two paragraphs then <br> tag is used. Using
<br> tag one can provide a line break anywhere in HTML. It is an opened
Tag.
Example:-
<!DOCTYPE
html>
<head>
<title> IT IS A EXAMPLE OF
HORIZONTAL LINE BREAK </title>
</head>
<body
bgcolor="PURPLE">
<br><br><br><br><br><br><br><br>
<center>
<p>
<font size=7 color= "cyan"> IT IS THE FIRST
PARAGRAPH</font> </p>
<hr
color="green" size=4>
<p>
<font size=7 color= "yellow"> IT IS THE SECOND
PARAGRAPH</font> </p>
</center>
</body>
</html>
Result
of the above Program:-
Here
in the tag <hr color="green" size=4> ‘color’ and ‘size’ are the attributes of
<hr> tag.
Today
I have discussed about
1. Heading Tags {<h1>….</h1>,
<h2>….</h2>, <h3>…..</h3>, <h4>……</h4> ,
<h5>………</h5> , <h6>……….</h6> }
2. Paragraph Tag <p> ……..</p>
3. Center Tag <center>……..</center>
4. Line Break Tag <br>
5. Horizontal Line Tag <hr>
In
the next blog I will discuss about other HTML tags.
HTML1
HTML (HYPER TEXT
MARKUP LANGUAGE)
(PART-1)
HTML
IS A HYPET TEXT MARK UP LANGUAGE. USING HTML ONE CAN EASILY CREATE A STATIC WEB
SITE VERY EASILY. IT IS VERY EASY TO LEARN.
TO
DEVELOP A WEB SITE HTML LANGUAGE IS UDED AS A BASIC FOUNDATION. HTML IS USED TO
CREATE WEB PAGES AND TO MAKE THEM FUNCTIONAL. TO MAKE WEB SITE DYNAMIC AND INTERACTIVE
CSS, JAVA SCRIPT, NODE.JS, PHP,MYSQL ETC. LANGUAGES ARE USED KEEPING HTML AS A
BASIC FOUNDATION.
HTML
IS A LANGUAGE THROUGH WHICH COMPUTERS INTERACT ECAH OTHER TO CONTROL HOW TEXT
IS PROCESSED AND PRESENTED.
HTML(HYPER
TEXT MARKUP LANGUAGE) WAS FIRST CREATED BY TIM BERNERS-LEE, ROBERT CAILLIAU AND
OTHERS. IT WAS STARTED IN 1989.
HTML
IS ONE OF THE EASIEST FORNT-END PROGRAMMING LANGUAGES.
HTML CODE IS WRITTEN IN HTML EDITOR. THE MOST COMMON AND WIDELY USED HTML EDITOR IS ‘NOTEPAD' IN WINDOWS OPERATING SYSTEM. THERE ARE MANY HTML EDITORS. BUT SOME POPULAR EDITORS ARE:-
SUBLIME TEXT 3:-
IT
IS FREE AND IT SPPORTS WINDOWS,MAC AND LINUX OPERATING SYSTEMS.
NOTEPAD ++ :-
IT
IS GENERALLY USED IN WINDOWS OPERATING SYSTEM.
KOMODO EDIT:-
IT
IS SIMPLE OPEN SOURCE EDITOR WHICH SPPORTS A VARIETY OF LANGUAGES AND
EXTENSIONS.
HTML
USES TWO MAIN THINGS: ‘TAGS’ AND ‘ATTRIBUTES’. TAGS AND ATTRIBUTES ARE THE MAIN
BASIS OF HTML LANGUAGE. THEY WORK TOGETHER TO PERFORM DIFFERENT FUNCTIONS.
TAGS:-
TAGS
ARE THE BACKBONE OF HTML. THERE ARE MANY TAGS WHICH ARE USED TO CREATE WEB
PAGES. TAGES ARE USUALLY ENCLOSED IN ANGLE BRACKETS. AS FOR EXAMPLE:-
<HEAD>,<IMG>,<BR> ETC. TAGS. TAGS MAY BE OPEND OR CLOSED. THE
TAGS <IMG> AND <BR> ARE OPENED TAGS WHEREAS <HEAD> TAG IS A
CLOSED TAG AND IT IS WRITTEN AS:-
<HEAD>
……………</HEAD>
ONE
THING WE HAVE TO REMBER WHEN MUTIPLE TAGS ARE UISD IN ONE PALCE, THE TAGS MUST
BE CLOSED IN ORDER IN WHICH THEY WERE OPENED. AS FOR EXAMPLE:-
<P><B>
<I><FONT COLOR=”RED”>IT IS AN EXAMPLE
</FONT></I></B></P>
EXAMPLE:-
ATTRIBUTES:-
ATTRIBUTES
ARE THE ADDITIONAL INFORMATION OR PROPERTIES OF A TAG. AS FOR EXAMPLE:-
<P>
<FONT COLOR=”CYAN” SIZE=7> EXAMPLE OF ATTRIBUTES OF FONT TAG</FONT>
</P>
IN
THE ABOVE CODE ‘COLOR’ AND ‘SIZE’ INSIDE THE ‘FONT’ TAG EXPRESS THE ATTRIBUTES
OF THE TAG ‘FONT’.
EXAMPLE:-
BASIC
STRUCTURE OF AN HTML PAGE:-
<!DOCTYPE
html> It indicates the HTML language
<html>
Starting point of the Program
<head>
HTML </head>….. on the head of the Browser shows it
<body
bgcolor=”pink”> It is the content page
<p><b><font
color=”cyan” size=7> BASIC STRUCTURE OF AN HTML
</font></b></p>
</body>
…body is closed
</html>..html
closed.
VIEW
OF THIS:-
IN THE NEXT
BLOG I WILL DISCUSS ABOUT VARIOUS ‘TAGS’ AND ‘ATTRIBUTES’ AND THEIR
APPLICATIONS IN HTML.
WEB DEVELOPMENT
WEB DEVELOPMENT
Modern
age is the age of Internet. Most of the Internet activities are WEB SITE
oriented activities. All business related activities, Academic related
activities and various information related activities are WEB SITE oriented activities.
Modern Business Organization needs WEB SITEs to provide information about their
products, services and to advertise their products. One of the best examples of
WEB Site utilization is E-commerce Sites and Online Auction Sites. Amazon, Flipcart,
AJio, Shopclues, Snapdeals are the examples of E-commerce sites. NSE(National
Stock Exchange),BSE(Bombey Stock Exchange), different companies’ Insurance
sites, Crypto Currency sites use their web sites to sell or buy their products.
Social networking sites are another examples
of Web Sites.
The
company or persons who make Web Sites are called Web Developers. Web Developers
are the skillful who possess vast knowledge how to develop a Web Site. So, Web
Development refers to the activities for creating, building and maintaining Web
Site and its applications. Web Browsers are needed to run Web Sites. Web
Development works involved the works for developing Web sites for the Internet (
World Wide Web) and for a private network ( Intranet).
Generally there are three kinds of Web Developers:-
1.
Front-end
Developer
2.
Back-end
Developer
3.
Full-
stack Developer
The
Basic Programming Languages which are needed to develop a Web Site are:-
1.
HTML
( Hyper Text MarkUP Language)
2.
CSS
(Cascading Style Sheet)
3.
Java
Script
There
are different Programming languages are available to make a fruitful Web Sites
( as for examples Pearl, Node.js, MySql, Oracle, Python, Ruby etc.)
Front-end Developer:-
Front-end
Developers are called Client-side developers. They develop the Web portion
related to the Clients i.e. which part
the Clients watch , feel and react. So, they are responsible to develop a Web
site which will be attractive to clients and also useful to them. Front-end
Developers are generally use programming languages like HTML, CSS and Java
Script. Many also use frameworks like React, Bootstrap, Backbone, AngularJS and
EmberJS.
Example:-
HTML USED
Back-end Developer:-
Back-end
developer has to know the Server-side knowledge.
He has to be skillful in Server-side languages like Node.js, MySql, PHP ,Ruby. Python, Oracle, Git etc. Back-end developer are responsible for Back-end activities including database interactions, user authentication, server, network and hosting configuration and to design business logic.
Example:-
HTML,CSS AND JAVA SCRIPT USED
Full-stack Developer:-
Full-stack
developer has to know all aspects or activities of Front-end developer and also
he has to know the Server-side knowledge.
He
has to be skillful in Client-side
languages like HTML, CSS and java Script as well as he has to learn Server-side
languages like Node.js, MySql, PHP ,Ruby. Python, Oracle, Git etc. Full-stack
developer are responsible for Front-end activities and also Back-end activities
. A Full-stack Developer is skillful and familiar with Front-end and Back-end
Development.
In
the next Blog I will discuss about different Web Site development programming
languages one by one.
Examples of Web Sites:-
Subscribe to:
Posts (Atom)
HTML-BACKGROUND & COMMENT
BACKGROUND & COMMENT HTML PAGE CAN BE CHANGED VERY EASILY. BY DEFAULT HTML PAGE IS WHITE. THE PAGE CAN BE DECORATED BY CH...
-
WEB DEVELOPMENT Modern age is the age of Internet. Most of the Internet activities are WEB SITE oriented activities. All business relate... -
HTML (HYPER TEXT MARKUP LANGUAGE) (PART-1) HTML IS A HYPET TEXT MARK UP LANGUAGE. USING HTML ONE CAN EASILY CREATE A STATIC WEB ...