atas /head

Sunday, January 29, 2017

HOW TO CREATE A LINK IN YOUR WEBSITE HTML TUTORIALS

HOW TO CREATE A LINK IN YOUR WEBSITE HTML TUTORIALS


HTML TUTORIALS "LINK"
 

HTML TUTORIALS "LINK"



"HOW TO CREATE A LINK IN YOUR WEBSITE?" HTML TUTORIALS

Now today we are going to focus on link, how to put a link in your website,
and as i told you before the link code or tag is <a></a> but i know i did not make it clear to you beginners, but today our tutorials will move forward to link.

HOW TO INSERT A LINK?
whenever we are going to have a link tag we have to surround it with <a></a> tag which is stand for link, and there is something we need to understand inside a link tag you must provide hyper link reference which is href="" Example;.  <a href="example.com">your text that you want it to be a link<a/>


HOW TO INSERT A LINK?


that is how you are going to link a webpage to your website, <a href="">. let me explain the way you will understand, a is stand for link tag then if you provide a link tag you need to explain to your browser the reference link you want link that is the reason of hyper link reference href now you put hyperlink reference, you have to tell your browser what was that means that is = so anything between "here" you are telling your browser that this is your link to your text or what ever, because you can make a photo as a link or tables rows, etc.

Now let us take an examples inside your body create a header1 and header2 let us make header2 link to my website;

<h1>BEST WEBSITE EVER</h1>
<h2><a href="http://pcandmobilesolution.cf">Pc and mobile solution</a></h2>


HOW TO INSERT A LINK?



Now save it and then try refresh and see the suppress, now if you look at it the text pc and mobile solution become link to my website ;pcandmobilesolution.cf.


HOW TO INSERT A LINK?


remember you can use any website like Google or YouTube,tubidy or any type of webpage.


HOW TO LINK A LINK IN THE SAME PAGE?



Sound like funny do not be confuse of this, the main reason for creating a link in the same webpage is that, it will allow your visitors to navigate between your content easily, in examples if you have a long website content, you know its difficult to some to scroll down down down until they reach what they want, but all you have to do is to create content or a list of your content and make them a link to the specific location.
let me give you an example;

For example if your website is all about Novels

let us do it like this


ENGLISH NOVELS

FREE ENGLISH NOVELS

 <h3>The Cock and the Pearl</h3>

<p>A cock was once strutting up and down the farmyard among the
hens when suddenly he espied something shinning amid the straw.
"Ho! ho!" quoth he, "thats for me," and soon rooted it out from
beneath the straw.  What did it turn out to be but a Pearl that by
some chance had been lost in the yard?  "You may be a treasure,"
quoth Master Cock, "to men that prize you, but for me I would
rather have a single barley-corn than a peck of pearls."
Precious things are for those that can prize them.</p>

  <h3>The Wolf and the Lamb</h3>

<p>Once upon a time a Wolf was lapping at a spring on a hillside,
when, looking up, what should he see but a Lamb just beginning to
drink a little lower down.  "Theres my supper," thought he, "if
only I can find some excuse to seize it."  Then he called out to
the Lamb, "How dare you muddle the water from which I am
drinking?"
"Nay, master, nay," said Lambikin; "if the water be muddy up
there, I cannot be the cause of it, for it runs down from you to
me."
"Well, then," said the Wolf, "why did you call me bad names
this time last year?"
"That cannot be," said the Lamb; "I am only six months old."
"I dont care," snarled the Wolf; "if it was not you it was
your father;" and with that he rushed upon the poor little Lamb
and
 .WARRA WARRA WARRA WARRA WARRA
 .ate her all up.  But before she died she gasped out
 ."Any excuse will serve a tyrant."</p>

  <h3>The Dog and the Shadow</h3>

<p>It happened that a Dog had got a piece of meat and was
carrying it home in his mouth to eat it in peace.  Now on his way
home he had to cross a plank lying across a running brook.  As he
crossed, he looked down and saw his own shadow reflected in the
water beneath.  Thinking it was another dog with another piece of
meat, he made up his mind to have that also.  So he made a snap at
the shadow in the water, but as he opened his mouth the piece of
meat fell out, dropped into the water and was never seen more.
Beware lest you lose the substance by grasping at the shadow.</p>

  <h3>The Lions Share</h3>

<p>The Lion went once a-hunting along with the Fox, the Jackal,
and the Wolf.  They hunted and they hunted till at last they
surprised a Stag, and soon took its life.  Then came the question
how the spoil should be divided.  "Quarter me this Stag," roared
the Lion; so the other animals skinned it and cut it into four
parts.  Then the Lion took his stand in front of the carcass and
pronounced judgment:  The first quarter is for me in my capacity
as King of Beasts; the second is mine as arbiter; another share
comes to me for my part in the chase; and as for the fourth
quarter, well, as for that, I should like to see which of you will
dare to lay a paw upon it."
"Humph," grumbled the Fox as he walked away with his tail
between his legs; but he spoke in a low growl
 ."You may share the labours of the great,
but you will not share the spoil."</p>

  <h3>The Wolf and the Crane</h3>

<p>A Wolf had been gorging on an animal he had killed, when
suddenly a small bone in the meat stuck in his throat and he could
not swallow it.  He soon felt terrible pain in his throat, and ran
up and down groaning and groaning and seeking for something to
relieve the pain.  He tried to induce every one he met to remove
the bone.  "I would give anything," said he, "if you would take it
out."  At last the Crane agreed to try, and told the Wolf to lie
on his side and open his jaws as wide as he could.  Then the Crane
put its long neck down the Wolfs throat, and with its beak
loosened the bone, till at last it got it out.
"Will you kindly give me the reward you promised?" said the
Crane.<br />

The Wolf grinned and showed his teeth and said: "Be content.
You have put your head inside a Wolfs mouth and taken it out
again in safety; that ought to be reward enough for you."
Gratitude and greed go not together.</p>

  <h3>The Man and the Serpent</h3>

<p>A Countrymans son by accident trod upon a Serpents tail,
which turned and bit him so that he died.  The father in a rage
got his axe, and pursuing the Serpent, cut off part of its tail.
So the Serpent in revenge began stinging several of the Farmers
cattle and caused him severe loss.  Well, the Farmer thought it
best to make it up with the Serpent, and brought food and honey to
the mouth of its lair, and said to it: "Lets forget and forgive;
perhaps you were right to punish my son, and take vengeance on my
cattle, but surely I was right in trying to revenge him; now that
we are both satisfied why should not we be friends again?"
"No, no," said the Serpent; "take away your gifts; you can
never forget the death of your son, nor I the loss of my tail."
Injuries may be forgiven, but not forgotten.</p>.


Now if you save it it will show like this;




Now in order to create a link to each an every story you need a link tag which is
<a href=""></a> Now there is differences between the link you want it to be in you web section and the link of other website href stand for hyper link reference, so in this case you do not need href your code will look like this; <a name=""></a> the name of the headline you want target as a link, you do not need to write anything between <a name="">here</a>.

let us use the above Novel to make an examples, start with
copy the above novel and post it to your notepad++ and follow the tutorial

Navigate to this place and put the tag as i put them or make your own note
whit different decision;

 <h3><a name="The Dog"></a>The Dog and the Shadow</h3>

<p>It happened that a Dog had got a piece of meat and was
carrying it home in his mouth to eat it in peace.  Now on his way
home he had to cross a plank lying across a running brook.  As he
crossed, he looked down and saw his own shadow reflected in the
water beneath.  Thinking it was another dog with another piece of
meat, he made up his mind to have that also.  So he made a snap at
the shadow in the water, but as he opened his mouth the piece of
meat fell out, dropped into the water and was never seen more.
Beware lest you lose the substance by grasping at the shadow.</p>.

Now goto any were you want it to appear and put the pounding tag of  The Dog

<a href="#The Dog">Example</a>




Now in your browser its only what in between opening tag and closing tag will appear, which means its only Example will appear and if you click it if will take you direct to The Dog and the Shadow section
look at the pictures below;




Remember you do not need to write anything between <h3><a name="The Dog">here</a>The Dog and the Shadow</h3> because this is your destination.


HOW TO MAKE A LINK TO SOMEONES EMAIL ADDRESS?

Now we are still talking about links, So to link some one email into your website here is the tutorial;

<a href="here you do not just write someone@yahoo.com this will not work">Email Theboy</a>. Email Theboy is a name that will appear in your browser screen.
Now all you have to do is use the link tag and follow the tutorial;

<a href="mailto:Example@yahoo,or gmail.com">example</a>


HOW TO MAKE A LINK TO SOMEONES EMAIL ADDRESS?


save and refresh

HOW TO MAKE A LINK TO SOMEONES EMAIL ADDRESS?

Then click it; by clicking it the message will pop up your screen like this;

HOW TO MAKE A LINK TO SOMEONES EMAIL ADDRESS?


That is how to create a link to someone Email Address.


HOW TO CREATE POP OF HEADER REVIEW?
 

lets take and example if you are browsing to the internet sometime if you places your cursor on top of some headline or link some pop up, of review may appear telling you something about the link you point. let see how to do it,
in order to create a pop of link review lets start with Google basic link;

<a href="http://www.Google.com">Google</a> Now look at how you will insert that review;

<a href="http://www.Google.com" Title="Awesome search Engine Ever!">Google</a>.


 HOW TO CREATE POP OF HEADER REVIEW?

Save and refresh 

HOW TO CREATE POP OF HEADER REVIEW?

Now when ever you move your cursor on-top of Google, Message will pop off Saying Awesome search Engine Ever!. Now i think we are through with This Tutorials About links.

Available link for download