Knowledge is Power, Knowledge is Freedom: February 2012

Sunday, February 26, 2012

The use of Hyperlinks in HTML

Hyperlinks is a reference(address) of some resources in the web. The resource may be html page, image, sound file, movie etc. we use the <a> to denotes the hyperlinks.

Html links

The syntax of the html link is: <a href="url">Link text</a>

Here href attribute is used for the html link.

Ex:<a href="http://www.infojanala.blogspot.com/"> visit infojanla</a>

So lets go for an example

open the notepad
type the code

<html>

<head>

<title>Last page</title>

</head>

<body>

<h1>Congratulations!</h1>

<a href="http://www.infojanala.blogspot.com/">This text</a> is a link to a page on the world wide web

you have reached the last page on the internet. We hope that you have enjoyed surfing the web

</body>

</html>

3.Save the file test_link_lastpage.html

And then the output is

The changing process of the direction of the text

Using the bdo dir tag we can change the direction of the text. Here an example that how to change the direction of the text.

1.At first we have to open the notepad

2.type the code

3.save the file in any name. e.g(direction_change.html

<html>

<body>

 If your browser supports bi-directional override(bdo), the next line will be written from the right to the left(rtl)

my name is mostafizur

<bdo dir="rtl">

my name is mostafizur</bdo>

</body.

</html>

Above the example bdo denoted bi-directional override, dir denotes the direction & rtl denotes right to left.

The output of the above is

How to use & Tag

1.At first we have to open the notepad

2.type the code

3.save the file in any name. e.g(del_ins.html)

<html>

<body>

a century is

<del> one thousand</del>

<ins> one hundred</ins>

Most browsers will overstrike deleted text and underline inserted text .

Some older browsers will desplay deleted or inserted text as plain text.

</body>

</html>

The output of the webpage

The definition Tag in HTML

We have to use a tag which name is definition tag. This tag is used to define something or something definition. The example is helpful for understanding the definition tag.

1.At first we have to open the notepad

2.type the code

3.save the file in any name. e.g(definition_tag.html)

<html>

<body>

The definition of internet is:

<dfn>

the internet is a global system of interconnected computer networks that uses the standardized internet protocol suite

(TCP/IP).It is a network of networks that consists of millions of private and public academic, business, and government

networks of local to global scope that are linked by copper wires, fiber optic cable, wireless connections</dfn>

</body>

</html>

The output of the webpage will be

How to change the background color in html

We can easily change the background color by using the style tag . It will more easy by the example that change the background color of the web page.

At first we have to open the notepad
type the code
save the file in any name. e.g(color_change.html)

<html>

<body style="background-color:green">

<h1> Look: Colored Background!</h1>

</body>

</html>

The output of the page is

The use of formatting Tag

We have to use many formatting tag to format the webpage. Some example is given below of the formatting tag to understand easily

At first we have to open the notepad
type the code
save the file in any name. e.g(formatting_tag.html)

<html>

<body>

this text is bold

<big>this text is big</big>

this text is emphasized

this text is italic

this text is small

this text is STRONG

This is subscript and superscript 

</html>

</body>

The output of the formatting tag

some HTML formatting Tag

To format the output there are some tag is used.

Text Formatting Tag

Tag	Description
<b>	To bold the text
<big>	To increase the size of the text
<em>	Emphasized the text
<i>	Italic form of the text
<small>	To see the text in small size
<strong>	To see the text strong
<sub>	To see subscript text
<sup>	Superscript text
<ins>	To indicate the inserting text
<del>	To delete a text by showing a underline

Computer output Tag

Tag	Description
<code>	To see the text in the code form
<kbd>	Keyboard text
<samp>	To see the text in sample computer code
<tt>	Teletype text
<var>	To indicate variable
<pre>	Preformatted text

Definition Tag

Tag	Description
<abbr>	To indicate the abbreviation
<acronym>	To indicate the acronym
<address>	To see the address
<bdo>	The direction of the text
<blockquote>	To use a large quotation in the text
<q>	To use a small quotation in the text
<cite>	Citation
<dfn>	To indicate definition term

Tuesday, February 21, 2012

The Best Sites For Online Photo Editing & Photo Effects

Over the past few years, I’ve been accumulating links to — and experimenting with — various online photo editors and sites for photo effects. There are certainly a zillion of them out there.
I finally decided it was time to narrow all the links down into some kind of “The Best…” list, and have divided this post into two sections. The first part lists sites where you can upload your own images and, with no registration required (or, perhaps, in one or two instances, an extremely minimal registration process) easily edit the photo or add effects. The second section lists sites that I’ve specifically used with my English Language Learner students. These sites let you easily grab an image off the web, lets you add add a speech bubble to it, and then gives you a more or less permanent url address for your creation that you can post on a student or teacher website/blog.
I’m sure I will have missed some applications out there, so feel free to share your suggestions in the comments section. I suspect there are also additional “categories” photo apps out there besides the two I’m using.
Using my categories and criteria, here are my choices for The Best Sites For Online Photo-Editing & Photo Effects (they tend to be fairly similar — with a few exceptions that are primarily “resizers” — so I’m just going to list the links and not describe each one):
PHOTO-EDITING & EFFECTS FOR UPLOADED IMAGES:
Tuxpi
Change Images
Aviary
Fun Photo Box
Thumba
Big Huge Labs
Dr. Pic
Pic Resize
Rsizr
Pixenate
FotoFlexer
Be Funky
Picnik (I had meant to include this one I originally, but reader Brenda Hallowes pointed out that I had not. Thanks, Brenda!)
PhotFunia is suggested by reader Ann Carnevale.
Pixlr
Citrify
PiZap
Pic Ghost is a new online photo editor that lets you upload up to twenty photos at a time. It’s editing functions are rather limited now — you can resize the images and add a watermark to them — but they expect to be adding more features in the future. Their ability to upload multiple images is nice.
The Pic Lab
Aviary has announced an HTML 5 photo editor.
Live Photo Editor
Pic Juice
Any Making
Picozu
enThread is a super-simple online tool for photo-editing — drag, drop, edit.
SITES FOR ADDING “SPEECH BUBBLES” TO WEB IMAGES:
Bubblr
Caption Bubble
Picbite
ImgOps is a new multi-use photo application that is worth a look.
iPiccy is an impressive all-purpose online photo editor. It pretty much lets you do whatever you want with your photo, including adding text and effects. You can upload an image or grab its url address off the Web.
PicFull
Clip Your Photos
Feedback is always welcome.

The use of abbreviation tag

we can easily show abbreviation & from the example it will be more easy
<html>
<body>

<abbr title="Electrical & Electronic Engineering">EEE</abbr>
 
<acronym title="World Wide Web">WWW</acronym>

 The title attribute is used to show the spelled out version
when holding the mouse pointer over the acrnym or abbreviation.

</body>
</html>
the output will be

Sunday, February 26, 2012

The use of Hyperlinks in HTML

The changing process of the direction of the text

How to use & Tag

The definition Tag in HTML

How to change the background color in html

The use of formatting Tag

some HTML formatting Tag

Tuesday, February 21, 2012

The Best Sites For Online Photo Editing & Photo Effects

The use of abbreviation tag

How to use address Tag in HTML

Monday, February 20, 2012

fast2earn