Learn Hyperlinks in HTML

-

Links are found in nearly all web pages. Links allow users to click their way from page to page.

HTML Links – Hyperlinks

HTML links are hyperlinks.
A hyperlink is a text or an image you can click on, and jump to another document.

HTML Links – Syntax

In HTML, links are defined with the <a> tag:
In your html document add the following

<a href=" ">Visit our blogs </a>

Add your link between the two quotation marks and link text of your link, the link text is where your visitors will click on.

Example 

<a href="http://techmekrz.com/" target="_blank">Visit our blogs </a>

The href attribute specifies the destination address (http://techmekrz.com/)

The link text is the visible part (Visit our blogs).

Clicking on the link text, will send you to the specified address.
  1. The link text does not have to be text. It can be an HTML image or any other HTML element.
  2. Without a trailing slash on subfolder addresses, you might generate two requests to the server. Many servers will automatically add a trailing slash to the address, and then create a new request.

HTML Links - Colors

When you move the mouse over a link:

1.  The mouse arrow will turn into a little hand sign.
2.     The color of the link element will change

By default, a link text will visible like this (in all browsers): 

1.     An unvisited link is underlined and blue
2.     A visited link is underlined and purple
3.     An active link is underlined and red

You can change these default colors, by using following styles:

Example

<style>

a:link    {color:red; background-color:transparent; text-decoration:none}
a:visited {color:green; background-color:transparent; text-decoration:none}
a:hover   {color:blue; background-color:transparent; text-decoration:underline}
a:active  {color:purple; background-color:transparent; text-decoration:overline}

</style>

HTML Links - The target Attribute

The target attribute indicate where to open the linked document.

This example will open the linked document in a new browser window or in a new tab:

Example
<a href=" http://techmekrz.com/ “ target="_blank">Visit our blogs </a>

Target Value

Description
_blank
linked document will be open in a new window or tab
_self
linked document will be in the same frame as it was clicked (this is default)
_parent
linked document will be open in the parent frame
_top
linked document will be open in the full body of the window
framename
linked document will be open in a named frame


Comments

Post a Comment

Popular posts from this blog

How to Create a One-Page Website

-
Image
In the world of web design, one-page websites are one trend that’s growing due to its functionality. Fundamentally, it's a site that presents all of your content onto one long, scrolling page.   As opposed to recognizing a landing page from alternate pages, content is part into various segments utilizing strips. Here, the menu things connect to every one of these segments rather than discrete pages. While making a site, increasingly website Designers are following this one-page trend. Why? Since it's basic, clean and offers a significant amazing plan. In this guide, we'll disclose why and how to make a one-page site for your business: The essential elements of a one-page website When your website only spans a single page, you need to be very deliberate about what you include. It’s important to provide all the information your audience will need, without cluttering the page or overwhelming them. Everything you add to your page should be there for a reason. Her...
Read more

HTML Cheat Sheet

-
Image
You want to learn HTML, Right? How many times have you  Googled :  “how to add forms in HTML” or “what is HTML” Having an appropriate cheat sheet will make your life a tone of easier. I've drilled down all the  standard HTML tags as well as the new HTMML5 tags in th given Cheat Sheet. Enjoy! Basic HTML Structure <html>   <head>   <title>website title</title>   </head>   <body>   content of website ...   </body> </html> Common Tags for Blogs Text Formatting  <h?> heading </h?> Heading (h1 for largest to h6 for smallest) <p> paragraph </p> Paragraph of Text <b> bold </b> Make text between tags  bold <i> italic </i> Make text between tags  italic <a href=" url "> link name </a> ...
Read more

The art of salary negotiation

-
Image
Salary negotiations are the trickiest part of the deal when you’re heading into the dream job, or trying to be properly paid for the job you have. Your interview went well, and work offer has come in. Exciting right? Yes, except if the offer is lower than you were seeking for. You'll definitely have some blended feelings: from one perspective, you’re happy and relieved that your job search is finished, on the other, you're endeavoring to make sense of exactly how you can manage in the low salary   (Actually : you can't). So what do you do? Make it a goal this year to earn the salary you deserve. Instead of fearing salary negotiation, You can and should negotiate for a better starting salary, and here’s how. Do Your Research even before you have a meeting, you should to inquire about the organization and the sort of employment you've been offer. Get a better understanding of typical responsibilities and tasks, as well as an appropri...
Read more