Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML Essentials HyperText. Why HyperText ? Hypertext is text or pictures which reference other pages which the reader can immediately access Hypertext.

Similar presentations


Presentation on theme: "HTML Essentials HyperText. Why HyperText ? Hypertext is text or pictures which reference other pages which the reader can immediately access Hypertext."— Presentation transcript:

1 HTML Essentials HyperText

2 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 )

3 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

4 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 ]

5 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

6 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 http:// ftp:// telnet:// mailto:

7 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

8 href attribute The href attribute is specified in almost all uses of the tag To link to other pages on the Internet: href:// href="http://www.philscis.com/csis1430main.html" href: href="csis1430Syllabus.pdf

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

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

11 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

12 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

13 The End


Download ppt "HTML Essentials HyperText. Why HyperText ? Hypertext is text or pictures which reference other pages which the reader can immediately access Hypertext."

Similar presentations


Ads by Google