Home / the Internet / Blogging / How to add a hyperlink

How to add a hyperlink

/
9 Views

How to add a hyperlink

The blog posts are often associated with quoting other sources and referring to opinions and events recorded on the Internet.

To hide the transition address in your own text (for example, the name of the source) or a picture, and also highlight the link with color, you can use HTML-encoding.

Instructions

    1

The simplest code for link design allowsOpen the page in the current tab (and the current window). These tags look like this: & lt-a href = & quot-Goal address & quot-target = & quot; _blank & quot; & gt; & gt; Link text & lt- / a & gt-.

    2

In other cases, you can useAs a link image. When using such a tag: & lt-a href = & quot; Jump address & quot; -target = _blank title = & quot; Your comment & quot; & gt; & lt-img src = & quot; URL of the image & quot; & gt; & lt- / a & gt- Your comment, and the link will open in a new window.

    3

Link text and underlining can be highlightedDifferent colors. To do this, use the tags: & lt-a href = & quot -Link address & quot-target = & quot; _blank & quot; -style = & quot; -green: green-text-decoration: underline- & quot; & gt- & lt-span style = & quot; color: red- & Quot- & gt-your text & lt- / span & gt- & lt- / a & gt-. In a particular case, the text is red, and the underline is green. If you replace the words "red" and "green" with others, the colors will also change.

    4

Instead of underlining, you can use a frame. When using the tags: & lt-a href = & quot -Link address & quot-style = & quot-border: 2px solid navy-padding: 2px-text-decoration: none- & quot- & gt-your text & lt- / a & gt- - the text will be red and The frame is dark blue. The distance from the text to the frame is 2 pixels, the thickness of the frame is also 2 pixels. To change the colors and sizes, change the corresponding parameters.

    5

& Lt-a href = & quot-The transition address & quot;Style = & quot-background: yellow- color: black & quot- & gt-TEXT & lt- / a & gt- - the text will be highlighted with a yellow marker. If desired, you can replace yellow with an English name of a different color.

    6

When you enter the next tag, the link will beGray-pinkish, highlighted with gray markers, and when hovering, the selection with the marker will change to a pink color: & lt-a href = & quot -Link address & quot; & gt-& lt-font onmouseover = & quot; style.backgroundColor = 'pink'- style.cursor = 'Hand' & quot-onMouseOut = & quot-style.backgroundColor = 'silver' - & quot- & gt-Link text & lt- / font & gt- & lt- / a & gt- & nbsp- & lt-a href = & quot -Link address & quot- & gt- Link text & lt- / A & gt-.

It is main inner container footer text