Z{sH;; vmXK6W dwEmV"ifdݯGg] bi=_w_d#9qq^t_^^`݄G׾x8/Zig2ؓ}[&C޹GZM=uii<י<-ZpO$Ԭ^얻FGnz~t-hD\ i,!Izz.`Ҭ;Jbln,-vy%tނpە3v5b9G[µ 7 s PRLPhΐL]|Nq:wa\ֶZ阹#(7W\v\QwFļdYߚʉ%oH>c`nC\+qB%vofϩHvG@)T~ȇB9` #PPve M;,}˘ aW)@zq;g>:yok"CCBF|3 D r?bmf-F^q=qb;cO@h!=聟6)Si0*L|hT"B9\kXV%3! 4$Q,UO G W.̻N *\ ڶ+$8]~ӮJ oa͂8@;1Ŏufh/fPB#{< 83d:ȝ'SٶAڥ-1SA:Ҿh 5frٻڨސMOCqFOlK+HWihrPoV~- ]6ƾQ[fƾ=ٓnk]ؐxJ#hv l\z2*aKvW'@q6ZAMVK߸ABeY6q *eލ*5U졔@9਩]ENbW4:[:v-la3e<o'l?R`313H_kUvTa`wq#fB`z+6VlQ'=BDZ9Q:ѰSQX4Zhht qpfɨ(UA dzt1&B\K6G\Q`qو󮷃T^: ̲A5 mF6@DD2(o/egStj=/9LU۰:jb6SixIkqJ0!r{!(Όٸ3p]С;Y4cA.n;c/D@˺-<]X?<*w18Ό C_ؗ܅R@ĹPI3 yK)s Ub;9 \%W feWtGB&.8 2@6rt}D E+\ 18]D7=.NO#J8pCn+|glvHiT;1Gt:L8Oѕ/)pcov'x %O0C={9tLG)#E~v1S=7+1* 192x)kmqjCQ@8<4 6v(D CI[?[aA߿Ry%0 ̛3pgZ ]?/,;=3[`@ОP(}dsL&Sg @H&D8T!#H8  Lb} Hwt(r`DR0T"A[f#76^d.(*K!tɱ""09* IƉc{sW13R'brAɈCu9uv>oϕĽ?L)[D #v/c@P= ! '=xkEUFp,x:l3wPf~pp8_2rc78EXB~鸱xj\T\K5L\(Ϸp/#\0":/4D%gT5 TV8W/^?SeJ,:X3 V@g]ї)Ӈ.O?sC\?0>V|ڀl׀Ϊ۠Q>h藆u_65%\[;@ QkA`zԝq}Wy5CIBJ"iiE2HIˤccHy*I@%3ŝK’!SQA rw a;zI-

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