How to add a hyperlink

How to add a hyperlink

Blog postings are often connected with citing other sources and the link to the opinions and events recorded on the Internet. To hide a jump address in own text (for example, the name of a source) or the picture and also to highlight the link with color, you can use HTML-coding.

Instruction

1. The simplest code for execution of the link allows open page in the current tab (and the current window). These tags look so: <href= "" jump address of"" target= "" _blank""> Text of the link </a>.

2. In other cases you can use the picture as the link. When using such tag: <a href= "" a jump address"" target= _ blank title= "" your comment""> <img src= "" URL of the picture""> </a> - when aiming at the picture there will be your comment, and a link will be opened in a new window.

3. The text of the link and underlining can be highlighted in the different colors. For this purpose use tags: <href= "" jump address of"" target= "" _blank"" of style= "" color: green; text-decoration: underline;""> <span style= "" color: red;""> your text </span> </a>. In a specific case the text will be red, and underlining green. If to replace the words "red" and "green" with others, also colors will change.

4. Instead of underlining you can use a frame. When using tags: <href= "" jump address"" style= "" border: 2px solid navy; padding: 2px; text-decoration: none;""> your text </a> - the text will be red, and a frame dark blue. The distance from the text to a frame is equal to 2 pixels, frame thickness – also 2 pixels. For change of flowers and the sizes change the corresponding parameters.

5. <href= "" jump address"" style= "" background: yellow; color: black""> the TEXT </a> - the text will be selected with a yellow marker. If desired you can replace yellow with the English name of other color.

6. When entering the following tag the link will be gray-pinkish, is selected gray markers, and when targeting the selection by a marker will change on pink color: <href= "" jump address""> <font onmouseover= "" style.backgroundColor='pink'; style.cursor='hand'"" onMouseOut= "" style.backgroundColor='silver';""> Text of the link </font> </a> <href= "" jump address""> Text of the link </a>.

Author: «MirrorInfo» Dream Team


Print