PROGRAMMING LANGUAGES

HTML-BACKGROUND & COMMENT

BACKGROUND & COMMENT

HTML PAGE CAN BE CHANGED VERY EASILY. BY DEFAULT HTML PAGE IS WHITE. THE PAGE CAN BE DECORATED BY CHANGING ITS BACKGROUND.IN TWO WAYS THE BACKGROUND OF A HTML PAGE CAN BE CHANGED.

1.BACKGROUND CAN BE CHANGED WITH COLOURS

2. BACKGROUND CAN BE CHANGED WITH IMAGES

CHANGING OF HTML BACKGROUND WITH COLOURS:-

SYNTAX: <BACKGROUND BGCOLOR=”COLOUR VALUE”>

HERE ‘BGCOLOR’ IS THE ATTRIBUTE OF <BACKGROUND> TAG

COLOUR VALUE CAN BE PURE ‘COLOUR NAME’ OR ‘HEXADECIMAL VALUE OF COLOUR’ OR ‘COLOUR VALUE IN BGB TERMS’.

EXAMPLE OF FORMAT OF COLOUR VALUE IN COLOUR NAME:-

<BACKGROUND BGCOLOR=”PINK”>

EXAMPLE OF FORMAT OF COLOUR VALUE IN HEXADECIMAL:-

<BACKGROUND BGCOLOR=”#f1f1f1”>

EXAMPLE OF FORMAT OF COLOUR VALUE IN RGB:-

<BACKGROUND BGCOLOR=”rgb(0,10,155)”>

CODING FOR THE EXAMPLE OF COLOUR VALUE IN COLOUR NAME:-

<HTML>

<HEAD>

<TITLE>..........</TITLE>

</HEAD>

<BODY BGCOLOR="PURPLE">

 

<CENTER>

IT IS AN EXAMPLE

</CENTER>

</BODY>

</HTML>

RESULT:-

HERE HTML BACKGROUND COLOUR IS ‘PURPLE’.

CODING FOR THE EXAMPLE OF COLOUR VALUE IN HEXADECIMAL:-

<HTML>

<HEAD>

<TITLE>HEXADECIMAL COLOUR</TITLE>

</HEAD>

<BODY BGCOLOR="#ffff11">

 

<CENTER>

IT IS A HEXADECIMAL COLOUR EXAMPLE

</CENTER>

</BODY>

</HTML>

RESULT:-

HERE HEXADECIMAL COLOUR VALUE IS USED.

CODING FOR THE EXAMPLE OF COLOUR VALUE IN RGB:-

<HTML>

<HEAD>

<TITLE>HEXADECIMAL COLOUR</TITLE>

</HEAD>

<BODY BGCOLOR="#rgb(114,155,0)">

 

<CENTER>

IT IS A RGB COLOUR EXAMPLE

</CENTER>

</BODY>

</HTML>

RESULT:-

HERE RGB CLOUR FORMAT IS USED.

CHANGING OF BACKGROUND USING IMAGES:-

IN THIS CASE ‘BACKGROUND’ATTRIBUTE OF <BODY> TAG IS USED WHERE URL OR ADDRESS OF THE IMAGE IS GIVEN.

FORMAT:- <BODY BACKGROUND=”IMAGE ADDRESS OR URL”>

EXAMPLE OF CHANGING HTML BACKGROUND USING IMAGE:-

CODING:-

<HTML>

<HEAD>

<TITLE>IMAGE BACKGROUND</TITLE>

</HEAD>

<BODY BACKGROUND="G:\v.jpg">

</BODY>

</HTML>

RESULT:-

HERE BACKGROUND IS CHANGED USING IMAGE.

COMMENT TAG:-

NOW I’II DISCUSS ABOUT ANOTHER TAG WHICH IS ‘COMMENT’ TAG. GENERALLY ‘COMMENTS’ ARE WRITTEN INSIDE THE CODING FOR PROGRAMMERS’ BENEFITS TO REALISE THE CODING AFTER SOME TIME OR SOME DAYS OR WHENEVER AGAIN WHEN SAME PROGRAM OR SAME TYPE OF PROGRAM IS NEEDED.

HTML COMMENTS ARE USED BETWEEN <!----COMMENTS ….> TAG. WHICH IS WRITTEN AS A COMMENT INSIDE THE CODING WILL NOT BE DISPLAYED IN THE RESULT.

FORMAT:- <! …..COMMENT ……>

EXAMPLE:

CODING:-

<HTML>

<HEAD>

<TITLE>CMMENT EXAMPLE</TITLE>

</HEAD>

<BODY BGCOLOR="CYAN">

<! IT IS A COMMENT>

 

<CENTER>

IT IS AN EXAMPLE FOR COMMENT

</CENTER>

</BODY>

</HTML>

RESULT:-

HERE COMMENT IS NOT DISPLAYED IN THE RESULT.

HTML-FONT

HTML-FONT

TODAY I’II DISCUSS ABOUT HTML FONT TAG. FONT TAG DISPLAYS THE TEXT’S FONT FACE i.e. WHICH TYPE OF FONT IS USED TO DISPLAY THE TEXT; IT ALSO DISPLAYS THE TEXT COLOUR AND ALSO DISPLAYS THE TEXT’S SIZE. FONT IS A CLOSED TAG.

FIRST OF ALL I’II DISCUSS ABOUT DIFFERENT FONT SIZE OF A TEXT.

SYNTAX: ……………….<\FONT>

SIZE GENERALLY IS 1 TO 7.

EXAMPLE:-

CODING:-

<!DOCTYPE html>

<html>

<head>

<title>DIFFERENT FONT SIZE</title>

</head>

<body BGCOLOR="ORANGE">

 

<CENTER>

 IT IS THE EXAMPLE OF FONT SIZE 1 

 IT IS THE EXAMPLE OF FONT SIZE 2 

 IT IS THE EXAMPLE OF FONT SIZE 3 

 IT IS THE EXAMPLE OF FONT SIZE 4 

 IT IS THE EXAMPLE OF FONT SIZE 5 

 IT IS THE EXAMPLE OF FONT SIZE 6 

 IT IS THE EXAMPLE OF FONT SIZE 7 

 </CENTER>

</body>

</html>

RESULT:-

IN THE ABOVE EXAMPLE DIFFERENT FONT SIZES FROM 1 TO 7 ARE DISPLAYED.

+ AND - FONT SIZE:-

RELATIVE FONT SIZES CAN BE CREATED USING + AND – BEFORE NUMBER VALUE OF SIZE ATTRIBUTE OF FONT TAG. IT WILL DISPLAY THE LARGER OR SMALLER THAN THE PRESET FONT SIZE.

SYNTAX:- …………………. 

 ………………… 

AS FOR EXAMPLE:-

CODING:-

<!DOCTYPE html>

<html>

<head>

<title>Relative Font Size</title>

</head>

<body BGCOLOR="BLACK">

 

<CENTER>

 IT IS THE FONT SIZE OF MINUS ONE 

 IT IS THE FONT SIZE OF PLUS ONE 

 IT IS THE FONT SIZE OF PLUS TWO 

 IT IS THE FONT SIZE OF PLUS THREE 

 IT IS THE FONT SIZE OF PLUS FOUR 

 IT IS THE FONT SIZE OF PLUS FIVE 

</CENTER>

</body>

</html>

RESULT:-

FACE ATTRIBUTE OF FONT TAG:-

DIFFERENT FONT FACE CAN BE SET USING FACE ATTRIBUTE OF FONT TAG, BUT INTHAT CASE MENTIONED FONT MUST BE INSTALLED OTHERWISE DEFAULT FONT WILL BE DISPLAYED.

SYNTAX:- ……… 

EXAMPLE:-

CODING:-

<!DOCTYPE html>

<html>

<head>

<title>FACE ATTRIBUTE OF FONT TAG</title>

</head>

<body BGCOLOR="PINK">

 

<CENTER>

IT IS TIMES NEW ROMAN FACE 

IT IS VERDANA FACE 

IT IS ARIAL BLACK FACE 

IT IS BRITANNIC BOLD FACE 

IT IS ALGERIAN FACE 

IT IS CASTELLAR FACE 

</CENTER>

</body>

</html>

RESULT:-

IN THE ABOVE EXAMPLE DIFFERENT FACES OF THE FONT TAG ARE DISPLAYED.

COLOR ATTRIBUTE OF FONT TAG:-

ANY FONT COLOUR CAN BE SET TO A TEXT USING COLOR ATTRIBUTE OF THE FONT TAG. COLOR ATTRIBUTE TAKES COLOUR NAME OR HEXADECIMAL CODE OF A COLOUR AS ITS VALUE.

SYNTAX:- ……………… 

EXAMPLE:-

CODING:-

<!DOCTYPE html>

<html>

<head>

<title>COLOR ATTRIBUTE OF FONT TAG</title>

</head>

<body BGCOLOR="OLIVE">

 

<CENTER>

IT IS BLUE COLOR TEXE 

IT IS ORANGE COLOR TEXT 

IT IS HEXADECIMAL CODE OF A COLOR 

IT IS PURPLE COLOR TEXT 

IT IS PINK COLOR TEXT 

IT IS RED COLOTR TEXT 

</CENTER>

</body>

</html>

RESULT:-

IN THE ABOVE EXAMPLE DIFFERENT COLOURED TEXTS USING NAME AND HEXADECIMAL CODE ARE SHOWN.

IN THE NEXT SECTION OF MY BLOG I’II DISCUSS ABOUT OTHER IMPORTANT TAGS OF HTML.

…………………………………………………………

HTML-FORMATTING

HYPER TEXT MARKUP LANGUAGE

PART-3

TODAY I’II DISCUSS ABOUT FORMATTING TAGS OF HTML. FORMATTING TAGS MEAN HOW TO FORMAT ANY WRITTEN ARTICLE IN HTML THAT IS TO MAKE IT BOLD OR ITALIC OR TO CHANGE THE TEXT COLOUR OR SIZE etc.

FIRST FORMATTING TAG IS BOLD TAG:

AS FOR EXAMPLE WE WRITE A PARAGRAPH AND MAKE IT BOLD.

CODING:-

<!DOCTYPE html>

<html>

<head>

<title> IT IS A EXAMPLE OF BOLD TEXT</title>

</head>

<body bgcolor="yellow">

 FORMATTING TAGS MEAN HOW TO FORMAT ANY WRITTEN ARTICLE IN HTML THAT IS TO MAKE IT BOLD OR ITALIC OR TO CHANGE THE TEXT COLOUR OR SIZE etc. 

</body>

</html>

Result:-

Here ………… indicates the Bold Text. It is a Closed Tag.

SECOND FORMATTING TAG IS ITALIC TAG:

ITALIC TAG DISPLAYS THE TEXT IN ITALIC FORMAT. IT IS A CLOSED TAG.

CODING:-

<!DOCTYPE html>

<html>

<head>

<title> IT IS A EXAMPLE OF ITALIC TEXT</title>

</head>

<body bgcolor="ORANGE">

 

<CENTER>

 

IT IS AN ITALIC TEXT WHICH DISPLAYS ITALIC FORMAT OF A TEXT 

</CENTER>

</body>

</html>

RESULT:-

THIRD FORMATTING TAG IS UNDERLINE TAG …….. :-

TO PROVIDE A TEXT UNDERLINE i.e. TO MAKE A TEXT UNDERLINED THIS TAG IS USED.IT IS A CLOSED TAG.

SYNTAX:- ………………………. 

CODING:-

<!DOCTYPE html>

<html>

<head>

<title> IT IS A EXAMPLE OF UNDERLINED TEXT</title>

</head>

<body bgcolor="PINK">

 

<CENTER>

 

IT IS AN UNDERLINED TEXT WHICH DISPLAYS UNDERLINE FORMAT OF A TEXT 

</CENTER>

</body>

</html>

RESULT:-

FOURTH FORMATTING TAG IS STRIKE TEXT TAG :-

SOMETIMES WE HAVE TO STRIKE A TEXT, FOR THAT PURPOSE THIS TAG IS USED. THIS IS A CLOSED TAG.

SYNTAX:- <strike>……………………………. </strike>

CODING:-

<!DOCTYPE html>

<html>

<head>

<title> IT IS A EXAMPLE OF UNDERLINED TEXT</title>

</head>

<body bgcolor="OLIVE">

 

<CENTER>

 <strike> 

IT IS A EXAMPLE OF STRIKED TEXT </strike> 

</CENTER>

</body>

</html>

RESULT:-

FIFTH TAG IS SUPERSCRIPT TAG:- 

SOMETIMES WE HAVE TO MAKE A PARTICULAR TEXT SUPERSCRIPT i.e. WRITE THAT PARTICULAR TEST OVER OTHER TEXT JUST LIKE A POWER OF NUMERICAL NUMBER e.g. x³

SYNTAX:- …………………………………….. 

EXAMPLE:-

CODING:-

<!DOCTYPE html>

<html>

<head>

<title> IT IS A EXAMPLE OF SUPERSCRIPT TEXT</title>

</head>

<body bgcolor="yellow">

 

<CENTER>

 NORMAL SUPERSCRIPT 

</CENTER>

</body>

</html>

RESULT:-

IN THE ABOVE EXAMPLE AFTER ‘NORMAL’ TEXT ‘SUPPERSCRIPT’ TEXT IS SHOWN.

SIXTH TAG IS SUBSCRIPT TEXT TAG:-

SOMETIMES WE HAVE TO MAKE A PARTICULAR TEXT SUBSCRIPT i.e. WRITE THAT PARTICULAR TEST UNDER OTHER TEXT JUST LIKE A BASE OF A LOG e.g. H₂O WHICH IS THE CHEMICAL SYMBOL OF WATER. HERE THE NUMBER 2 IS SUBSCRIPTED.

SYNTAX:- ………………………….. 

EXAMPLE:-

CODING:-

<!DOCTYPE html>

<html>

<head>

<title> IT IS A EXAMPLE OF SUBSCRIPT TEXT</title>

</head>

<body bgcolor="PINK">

 

<CENTER>

 NORMAL SUBSCRIPT 

</CENTER>

</body>

</html>

RESULT:-

IN THE ABOVE EXAMPLE AFTER ‘NORMAL’ TEXT ‘SUBSCRIPT’ TEXT IS SHOWN.

SEVENTH TAG IS LARGE <big> TAG:-

THE CONTENT INSIDE THE <big>………. </big> IS DISPLAYED ONE FONT SIZE LARGER THAN THE REST OF THE TEXT SURROUNDING IT. IT IS A CLOSED TAG.

SYNTAX:- <big>………. </big>

EXAMPLE:-

CODING:-

<!DOCTYPE html>

<html>

<head>

<title> IT IS A EXAMPLE OF BIG TEXT</title>

</head>

<body bgcolor="PURPLE">

 

<CENTER>

 NORMAL TEXT <big> IT IS A BIG TEXT </big> 

</CENTER>

</body>

</html>

RESULT:-

IN THE ABOVE EXAMPLE AFTER ‘NORMAL TEXT’ BIG TEXT ‘IT IS A BIG TEXT’ IS SHOWN.

EIGHT TAG IS SMALL TAG:-

THE CONTENT INSIDE THE ………. IS DISPLAYED ONE FONT SIZE SMALLER THAN THE REST OF THE TEXT SURROUNDING IT. IT IS A CLOSED TAG.

SYNTAX:- ………. 

EXAMPLE:-

CODING:-

<!DOCTYPE html>

<html>

<head>

<title> IT IS A EXAMPLE OF SMALL TEXT</title>

</head>

<body bgcolor="AQUA">

 

<CENTER>

 NORMAL TEXT IT IS A SMALL TEXT 

</CENTER>

</body>

</html>

RESULT:-

IN THE ABOVE EXAMPLE AFTER ‘NORMAL TEXT’ SMALL TEXT ‘IT IS A SMALL TEXT’ IS SHOWN.

THE NINGTH TAG IS <div> TAG TO GETHER SEVERAL ELEMENTS TO CREATE SECTIONS OR SUBSECTIONS OF A PAGE.

SUPPOSE IF ONE WANTS TO MAKE A GROUP OF COLORS, <div> TAG MAY BE USED TO MAKE GROUP. IT IS A CLOSED TAG.

SYNTAX:- <div> …………………. </div>

<div> TAG HAS ATTRIBUTES ‘ID’ AND ‘ALIGN’. “ID’ MAY BE ANY NAME OF THE <div> TAG AND ‘ALIGN’ MAY BE LEFT/MIDDLE/RIGHT.

EXAMPLE:-

CODING:-

<!DOCTYPE html>

<html>

<head>

<title>Div Tag Example</title>

</head>

<body BGCOLOR="PINK">

<div id = "COLOUR" align = "middle" >

 RED 

 YELLOW

GREEN

</div>

<div id = "TEXT" align = "left" >

<h6> MESSAGE</h6>

THANK YOU ALL OF YOU

</div>

</body>

</html>

RESULT:-

IN THE ABOVE EXAMPLE TWO SECTIONS OF THE PAGE ARE CREATED BY <div> TAG, ONE FOR COLOUR GROUP AND ANOTHER FOR MESSAGE GROUP.

THE TENTH FORMATTING TAG IS TAG WHICH IS USED TO MAKE INLINE GROUPS.

SUPPOSE IN A PARAGRAPH WE HAVE TO MAKE A GROUP OF SOME WORDS THEN TAG MAY BE USED. IT IS A CLOSED TAG.

SYNTAX:- ………………………………. 

IT HAS ATTRIBUTE ‘STYLE’ TO PROVIDE COLOUR OR STYLES.

EXAMPLE:-

CODING:-

<!DOCTYPE html>

<html>

<head>

<title>SPAN Tag Example</title>

</head>

<body BGCOLOR="GREEN">

 

<CENTER>

WE ARE PROVIDING AN EXAMPLE OF SPAN TAG 

TO MAKE A INLINE GROUP OF SPAN TAG 

</body>

</CENTER>

</html>

RESULT:-

IN THE ABOVE EXAMPLE SPAN STYLES AND TO PROVIDE RED AND YELLOW COLOUR.

IN THE NEXT PART I’II DISCUSS ABOUT OTHER TAGS OF HTML.