HTML
HyperText Markup Language, the basis of life on the Internet.
- Linking:
<a href=http://startrek.com title="Official Site">Star Trek</a>
href is the "hyperlink reference" - where you want the link to take you
title is the text when you rollover the link (optional)
The "a" means "anchor" and "href' means "Hyperlink REFerence"
- Link to a place on the same page:
On <a href=#june>June</a> 16th... Use a normal link tag, changing the URL to a pound reference
<a name=june></a>June 16th: goes where you want to link to.
- Insert an image:
<img src=http://laser.edu/pictures/image.jpg title="A photo of a laser" width=50% align=center >
src is the location of the image
title is the text displayed when you rollover the image (optional)
width adjusts the size (both width and height!) and can be a percentage of the image's original size or in pixels (optional)
align is the image alignment and can also be left or right (optional)
"src" means "source"
- Make an image a link:
<a href=http://hellokitty.com> <img src=http://hellokitty.com/kitty.jpg> </a>
Instead of a text in the basic link tag, just put an image tag.
- Lists:
<ul> </ul> unordered (bulleted) list
<ol> </ol> ordered (numbered) list
Use <li> for each item in the list (breaks/paragraphs will not have a bullet/number)
- Special characters are found on this or this list. Use &# before the number and ; after. Do not use < >.
- If you hit spacebar four billion times, you'll only end up with one whitespace on your page. Use to create more than one consecutive space.
- <!-- note to self: finish Berry paper! --> the code inside the < > will be hidden when anyone views your site. This is helpful to make personal notes about coding, write something you don't want visible until later, etc.
- <nobr>f(x)=sin(akx)cos(bks)</nobr> no break keeps stuff on the same line, which is especially useful when writing equations.
- <title="Handy Dandy Shortcuts"> specifies the title of the browser for the page
See also this list of html character codes.
|