recap
- Tags
- Elements
- Headings
- Paragraphs
- Nesting
- Parent/Child
- Lists
ht ml
hypertext
Hypertext is text displayed on a computer display or other electronic devices with references (hyperlinks) to other text which the reader can immediately access.
The hypertext pages are interconnected by hyperlinks, typically activated by a mouse click, keypress sequence or by touching the screen.
links
What makes the World (WW) go 'round.
2 important ingredients
- Anchor
- Destination
<anchor></anchor>
<a>
</a>
destination
- Attribute of the anchor
- Defines the Hypertext Reference
- Contains a path to the destination
<a (destination)>
click here
</a>
<a (href=""PATH"")>
click here
</a>
<a href=""index.html"">
GO HOME
</a>
to review
- Anchor tag
- Href attribute
- Path to destination in quotes
- Content inside <a> tags is clickable
paths
3 types of paths
- Absolute
- Relative
- On-page
absolute paths
- HTTP and domain included
- As complete a link as possible
<a href=""http://www.rmion.com"">
this is an absolute path
</a>
relative paths
- No HTTP or Domain name included
- Refer to another document on the
same web server or in the same folder
sample folder structure
- index.html
- help
- contact.html
- support.html
- about
- about.html
- initiatives.html
- community.html
<A HREF=""help/contact.html"">
THIS IS A relative PATH
</A>
on-page paths
- Refers to specific area of a page
- Requires an ID attribute
- Reference ID using '#' symbol,
followed by value of ID
<p id=""TOP"">
Top of the page
</P>
<A HREF=""#top"">
back to the top
</A>
exercise
Recreate the website below in HTML
