ESL Blogs

Here is some more details for my dear MyEC Friends:

And by the way! you need to know how to change a Hyperlink Title and Link.

for this purpose you must know a little about HTML Structure!

and here it is:

HTML consists of a lot of "tag codes" and we use them like this: 

<A></A>

the <A> tag is a Hyperlink tag and means that we have started a Hyperlink tag.

the </A> tag is a tag which closes our Hyperlink tag.

the text of a hyperlink becomes between these two tags. 

Like this: <a>Robbie's Page</a>

and for adding a Link to it, we must use the 1st tag.

Like this: <a href="http://www.myenglishclub.com/profile/Robbie">Robbie's Page</a>

NOTE: For tags, there is no difference between CAPITAL/small letters.

And there is another thing to say:
have you ever seen a popup text, when you hover your mouse pointer on a Hyperlink or Image?

Like This: [Hover your mouse on me!]

we call this {Title} in HTML.

So here it is:

<a href="http://www.myenglishclub.com/profile/Robbie" title="Hi Robbie!">Robbie's Page</a>

and one important thing is that never forget to put the following code on your Hyperlink Tag:

target="_blank"

otherwise if you click on the link it will close your current page and refresh it to the new page which the hyperlink connect us to it!

So here is our Final code:

<a href="http://www.myenglishclub.com/profile/Robbie" title="Hi Robbie!" target="_blank">Robbie's Page</a>

and the output will be like this: Robbie's Page

and For my own Styled Hyperlink:

Robbie's Page

Seems that a lot of my friends here, do not understand html.
So, Here is a tutorial to teach you how to change the background color:

1st of all, copy and past the code:

<table style="border-collapse: collapse; margin: 5px;">
<tr>
<td style="background-color: #000000; color: #ffffff; border-radius: 5px 0px 0px 5px; border-right: 2pt solid #FFFFFF; width: 25px; height: 25px; vertical-align: middle;"><img src="https://storage.ning.com/topology/rest/1.0/file/get/2347352853?profile=original" width="25" height="25" alt="" style="padding: 0px 10px 0px 10px;"></td>
<td style="background-color: #1E90FF; color: #0064DC; border-radius: 0px 5px 5px 0px; padding: 0px 5px 0px 5px; vertical-align: middle;"><a href="http://www.presstv.ir" target="_blank" title="PressTV" style="text-decoration: none; color: #FFFFFF">PressTV (TV Network)</a></td>
</tr>
</table>

as you can see, there are some tags like <table> , <tr> & <td>

the tag which you must find here, is "<td> tag".

there are two "<td> tags" in the code. 1st refers to the left section and 2nd refers to the right section.

in front of each tag, you can find the "background-color:" phrase and a Hex code, in front of it. like "#000000;" Hex code which refers to black color.

so easy now, hah? Just copy the Hex color codes and replace them with new color codes.