Welcome to the ANCHOR page !
Ignore these two notes if you like:
- Side note one:
- HTML uses some marks for its own purposes. For example, every tag uses the two bracket symbols. So how do you put a bracket symbol onto YOUR page (so that HTML will understand that it's NOT part of a tag)? Well... There's a code. All codes start with an ampersand and end with a semicolon. To produce this <tag> or this <br>, here IN the html document, requires strange looking stuff (I assume you're "viewing source" already). Entering a > requires typing "ampersand g t semicolon": the "gt" part stands for "greater than" since that's what the > symbol is used for in math.
- Side note two:
- HTML documents have to work on lots of different kinds of computers, many of which are incompatible with each other. So producing a character like the ~ over the letter n to make an enya is not easy: codes again. To produce Española requires the "n-tilde" code, for example, while entering CAÑON requires the "N-tilde" code.
By now, you've seen lots of tag pairs. The clickable text and pictures you often see are also made with such a pair, but with a few more parts.
Put it all together:
- tells HTML that this is an anchor, so pay attention!
- stands for Hypertext REFerence,
which tells HTML it will have to take some action
when the text is clicked on.
- "filename or destination, in quotes"
- tells HTML what document to display (and maybe what other
computer to jump to) or what action to take.
- text (or picture)
- the underlined, usually blue text we see on the page.
- the closing tag for this anchor.
And it looks like <a href="http://education.lanl.gov/oii.html">the NMOII page</a>
And it works like clickable text to take you to the NMOII page.
HEY !! Did you notice the similarity between the preceeding two lines?
(Remember, you're looking at the source for this page WHILE you read it, not just "maybe later")
If I found an interesting page and wanted you to jump right to it, I'd need to write something like:
< a href="http://www.culture.fr/culture/gvpda-d.htm"> jump right to it </a>
< a .......stuff here tells HTML where to go....... > user sees this </a>
< .....this is the first half of the tag pair .... > between tags <end tag>
Make sure you see the common pattern in the three lines above.
And, of course, there's the next page in this intro, concerning images and how to put them on your page among other things :-)