HTML Essentials HyperText

Why HyperText ? Hypertext is text or pictures which reference other pages which the reader can immediately access Hypertext pages are interconnected by hyperlinks, typically activated by a mouse click, key-press sequence, or by touching the screen Hypertext documents can either be static ( prepared and stored in advance ) or dynamic ( continually changing in response to user input )

Where HyperText Occurs Hypertext will only occur within the tag Produces Links other web pages / files to the current page Use can randomly select where to read next

Basic Tag The and tags form the basis of the hyperlink The HyperLink has two anchors: Invisible anchor: Where the link goes Visible anchor: What the user sees > > Link text [ invisible ] [ Visible ]

tag: Visible Anchor The Visible Anchor is the window dressing part of the tag It is visible to the user Text saying almost anything Picture Outline line User will just click on the item to access the Invisible Anchor

tag: Invisible Anchor The Invisible Anchor is the actual working part of the tag The first attribute ( almost always specified ) is the href The href specifies the destination anchor and will accept almost any protocol ftp:// telnet:// mailto:

tag: Invisible Anchor Other attributes that are part of the tag href: lists the destination portion title or id: provide additional / advisory information about the tag name: provide a name so that another link may access it target: discussed more when studying frames Several more attributes available. Most have been deprecated by HTML5

href attribute The href attribute is specified in almost all uses of the tag To link to other pages on the Internet: href:// href=" href: href="csis1430Syllabus.pdf

href attribute To link to the same page You can check the facts by reading the references at the end of this article References

href attribute The href command can also be used to invoke other protocols An link Send Mail Invoke telnet Router at Invoke FTP An FTP server

title or id attribute The title or id attribute will display text while hovering over the link There are several other attributes available that are available but are not used generally

Link colors Link may have three states Link: state when hasn’t been touched Active: just as user selects Visited: after selection Colors Default: blue, red, purple May be changed by using values in tag or thru CSS Attribute names are: link, alink, vlink May be altered by using these attributes within the tag and assigning new colors

The End