Zmsl?$'&@JJ"]IkwX丝Ls$,Y "N9w<}Ϳ~`G ==y%vD: <LN=o6WfchuirֵnfJL"{#fv51]aGy lo&,QYµp i>'>^w]wqJI5\_}rZFJ8gQ㛽Sm(ɘ 1gM+'4[mV ?ROHh!p~f1eeT^b_:0<Àe 0QL41SF[Myb#O,r3, 3旣hC jh\JƩҙLVkbp(XA҈"$U\Wi8Y Hf&T*B5~yx#FL`efKpɵBq:SJWcgrPg߼cCIC ljK:@}lѿ%}/N)W"[g}.fpJk4PKtqvKoJN,^b9d@UU@66 <Ա!(,rрLBOd@9)sA=pWy'aa 12%Q@aPMZKؽZ ‹b>Y0<ǜpԤ"5C7Q(H?#5P Q+z5Rf72N鐩T] +@/uD,oܶ2DNrmy5??w;D!9%[D[< 7x98?N+{]]Փfka7Rwͷ Scv#QO[&b ^ˎTȕe8R$@/>%ԓ 5Q^bQ@DJ|s{:.9]P ;!i :CЪj u:lzB:T#=B ^qnSO6(ZO=UNc}ȅ`A"FbD>ۈts¹NLOS${GC 5<Um#ɕ*¯ 0J"  tRf4h.s:c*]dQ .2d%G& f&JY9[;5؝S^nda.tH)|q(21 NNW\CdS见#(m4Q!Ua` uYEp6+bg΢f;uJOJ7<{U9lG_)#b =z`lLmq/<SN a;`j9h JR+Jf]Mkb- (}*JԀ iO\n&m1(f#>Qyr'Vm 1t J"ez(B mq9vc"Y!Q1j9"D|?\gf#$.׬Ok^U5C)P $e*̅yT%iwIAP){Sg5-5Q0>̵ʯ(pB"s_"px46mz\|}-Nil )d }"7#(*k!cC\D`-J`ͥ4։RfP'WJ1 ^to'+v WnRYo0TN":TX{%c0_;l_! [=u`*ª#MKy eNX֙1v rc7v8+%XB~qc+ԸV Js8\l1@Z f n:QGA7Uxͧ sGle9Y06 Lq_ 5O(/ oS.ַg?ǿ9h9Rqz|z@J׈#4Jׇiz}N@7 G?p1mu{OdlS"Ґi-96

Introduction To HTML

Untitled Document

Links

HTML Links:

Links are found in nearly all Web pages. Links allow users to click their way from page to page. A link is a connection from one Web resource to another. Although a simple concept, the link has been one of the primary forces driving the success of the Web.

Example

<html>
<body>

<p>
<a href="http://www.vugujranwala.com/vc/">vugujranwala Forum</a> This is a link to a page on this website.
</p>

<p>
<a href="http://www.google.com/">Google</a> This is a link to a website on the World Wide Web.
</p>

</body>
</html>


Output:

vugujranwala Forum This is a link to a page on this website.

Google This is a link to a website on the World Wide Web.


 

HTML Hyperlinks (Links)

A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document.

When you move the cursor over a link in a Web page, the arrow will turn into a little hand. Links are specified in HTML using the <a> tag. The <a> tag can be used in two ways:

  1. To create a link to another document, by using the href attribute
  2. To create a bookmark inside a document, by using the name attribute

HTML Link Syntax

The HTML code for a link is simple. It looks like this:

<a href="url">Link text</a>

The href attribute specifies the destination of a link.

Example

<a href="http://www.vugujranwala.com/">Visit vugujranwala </a>

which will display like this: Visit vugujranwala

Clicking on this hyperlink will send the user to vugujranwala's homepage.

Tip: The "Link text" doesn't have to be text. You can link from an image or any other HTML element.


HTML Links - The target Attribute

The target attribute specifies where to open the linked document.

Example

<a href="http://www.vugujranwala.com/" target="_blank">Visit vugujranwala !</a>

The example below will open the linked document in a new browser window:


HTML Links - The name Attribute

The name attribute specifies the name of an anchor. The name attribute is used to create a bookmark inside an HTML document. Bookmarks are not displayed in any special way. They are invisible to the reader.

Example

A named anchor inside an HTML document:

<a name="tips">Useful Tips Section</a>

Create a link to the "Useful Tips Section" inside the same document:

<a href="#tips">Visit the Useful Tips Section</a>

Or, create a link to the "Useful Tips Section" from another page:

<a href="http://www.vugujranwala.com/html_links.htm#tips">
Visit the Useful Tips Section</a>



Basic Notes - Useful Tips

Note: Always add a trailing slash to subfolder references. If you link like this: href="http://www.vugujranwala.com/html",

you will generate two requests to the server, the server will first add a slash to the address, and then create a new request like this: href="http://www.vugujranwala.com/html/".

Tip: Named anchors are often used to create "table of contents" at the beginning of a large document. Each chapter within the document is given a named anchor, and links to each of these anchors are put at the top of the document.

Tip: If a browser does not find the named anchor specified, it goes to the top of the document. No error occurs.

HTML Link Tags

Tag Description
<a> Defines an anchor

W]s8}3~6biH ٤ iw2r-B?~dB jX:WGHWp9D*tqMȗbN㜦+.RrVT#d>7C2&:գV@{c UPrAÛ@ Xk^gYĬo%4yk-8Mc=s)P !z 3Z-)7B!˜Ώ9bO؇r;nia:op* xKV2tXniL-2tnVx>>٩u֞iRsUkWB5ޕU gB E r/+;eO+K_N,1K5yfE"1Z u1[iR4|#M֣kKZ9Z#~%E~wq 3 m:rګ;Oa3 K/y5nD\*J5α߆'`ĿF