HTML Old School

Link is connection between two informations. Internet is not possible without links.

Links are defined with A tag (anchor).

Links are divided into three groups:

• links within web page
• links within web domain
• external links

 

 Link within web page - link to anchor

link <a href="something">link</a>

anchor <a name="#something">link</a>


 

Link within page 0500link_insidepage.html

Mutual links within web page 0501link_insidepage_mutual.html

 

Instead name="something" we can put id="something". In that case id can be inside any HTML tag.

Example: 0502link_insidepage_id.html

 

Link within web domain

link with relative path <a href="./path/file.html">link text</a>

link with absolute path <a href="http://mydomain.com/path/file.html">link text</a>

 

Link to another web domain

link with absolute path <a href="http://www.yahoo.com/file.html">Yahoo</a>

 

Image as link

<a href="roza.html"><img src="slika.gif" width="47" height="47" border="0"></a>

 

Email link

<a href="mailto:w3@foo.com?subject=Sweet%20words&body=Buy%20me%20chockolate">send email</a>

Examples: 0503link_to_email.html

 

Attributes

1. target = " _blank | _self | _parent  | _top"

Target defines the window where web page will be opened

<a href="http://www.yahoo.com/file.html" target="_blank">Yahoo</a>

_blank - opens link in a new window

_self - opens link in the same window

_parent - opens link in the parent frame

_top - opens link in the top frame in frame hierarchy

 

2. id , class, style

 

Javascript effects

 One of the interesting effects is onMouseover effect.

<a href="roza.html" onMouseOver="alert('Be carefull !')">link</a>