Skip to main content

HTML Link

1. HTML Hyperlink Tag :

Description: A Hyperlink(<a href=..>) tag use for creating a link between two pages.

Example:

<!DOCTYPE HTML>

<HTML>
<HEAD>
    <TITLE>MY Link</TITLE>
</HEAD>
<BODY>
   
    <a href="http://www.google.com">Click Here for Google</a>

</BODY>
</HTML>

Output :

Video Tutorial of HTML Hyperlink Tag :

2. HTML Email Link:

Description: An Email tag is use for creating an email link to send email directly.

Example:

<!DOCTYPE HTML>
<HTML>
<HEAD>
    <TITLE>Email Message</TITLE>
</HEAD>
<BODY>
    <p>This is an mail link
    <a href="mailto:some@example.com?Subject=Hello">
    Send email
    </a>
    </p>
</BODY>
</HTML>

Output:


3. HTML Open Link in new tab:

Description: This tag will help you to open your link page in new tab or in new window.

Example:

<!DOCTYPE HTML>
<HTML>
<HEAD>
    <TITLE>link new tab</TITLE>
</HEAD>
<BODY>
    <a href="http://www.google.com" target="_blank">Google</a>
</BODY>
</HTML>

Output:

 

4. HTML Link on same page.

Description : If you want to give link to some content on same page. e.g. you have chapters in your webpage on a single page then you just need to give a link on index and when you click on particular link it will let you move down towards your target on same page.

Example:


<!DOCTYPE HTML>
<HTML>
<HEAD>
    <TITLE>same page link</TITLE>
</HEAD>
<BODY>
    <p>
    <a href="#C3">Blue Color</a>
    </p>
   
    <h2>1. Red</h2>
    <p>This is RED Color</p><br>

    <h2>2. Green</h2>
    <p>This is GREEN Color</p> <br>  

    <h2><a id="C3">3. Blue</a></h2>
    <p>This is BLUE Color</p><br>

    <h2>4. Yellow</h2>
    <p>This is Yellow Color</p>

</BODY>
</HTML>

Output:


Comments

Popular posts from this blog

Use of HTML Quotation, Blockquote and Cite.

1. Quotation            In HTML for quotation mark you need to use <q>--</q> tag. The browser can understand the meaning of  <q> tag.
Syantax: <q> Sentence for quotation </q>
Example:<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE> HTML Quotation</TITLE>
<HEAD>
<BODY>

    <H1> Example of HTML quotation mark</H1>

    <H2><p><q>A complete tutorial of HTML with htmlrun.com</q>
    </p></H2>

</BODY>
</HTML>


Output:


2. Blockquote.        In HTML for blockquote you have to use <blockquote> tag. To make a block of any paragraph with just like a justify alignment in word.

Syntax:<blockquote> Large number of sentences </blockquote>
Example:<!DOCTYPE HTML>
<HTML>
<HEAD>
    <TITLE> HTML BLOCKQUOTE</TITLE>
</HEAD>
<BODY>
<H1>Example of Blockquote</H1>

<BLOCKQUOTE>
A www.htmlrun.com is a HTML tutorial website and
a blog. Usi…

HTMLRUN TechNEWS - 003 | Chrome, Google TEZ, Airtel

1 . Chrome auto-play video    Google chrome will soon provide setting for auto-play video on website.
    User can allow auto-play or not, and also you can mute the video sound.

2. Google TEZ    Google is planning to launch a payment app called TEZ in India.
    Google announced the launch date of TEZ app on Monday September 18 2017
    by Union Finance Minister Arun Jeitley.

3. Airtel 60 GB    Airtel announced 60 GB data to postpaid customers.

    - Go to MyAirtel app which would prompt to download Airtel TV
    - Download Airtel TV app
    - Postpaid user will get 60 GB data for 6 month
    - 10 GB per month