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…

Difference between button and submit

Button vs Submit.1. Button: <Input type="button">   This is only a simple button. This will allow to call java script function and this can't do anything itself.


recomanded:what is ANI?

2. Submit:<Input Type="submit">    This submit button will submit the form on clicking but if when this submit button is inside the form element.