Creating Web Pages at UTK (3)
Some additional features:
<i> .........</i> will put the
bracketed text in italics
<b>..........</b> will put the bracketed
text in boldface
As an alternative to a solid-color background, you can have textured
backgrounds, patterns, etc.
To do this, if you see a background pattern you like (do a google
search on "html backgrounds")
you can usually right-click on the picture/pattern--a menu will pop up
asking if you want to save this,
and if so, where and what to call it. it helps if you simplify
the name. remember where the image/pattern
is saved (such as documents, etc). You can then upload this to
your volspace web area. Note: again, UNIX and LINUX are
VERY fussy about not having blanks in file names. UNIX and LINUX
are also
very case-sensitive: mypattern.jpg and MYPATTERN.JPG are
considered two totally different files.
Now, instead of bgcolor="ff00ff" you can say
background="mypattern.jpg" or whatever the pattern
was called. You can take a look at the source for
http://www.cs.utk.edu/~straight/cs100.html for an
example. Rememberif the pattern is mypattern.jpg DO NOT say
background="mypattern.JPG" --since
UNIX and LINUX are case-sensitive. If this is a picture rather
than a pattern, background="me.jpg"
will replicate the picture--it will use it as a tiling pattern.
Adding pictures and photos. Upload them to your volspace web
directory--they need to be in the
public_html subdirectory--not in your main area, or else the browser
will not display them.
<img src="myphoto.jpg"> (single quotes also work.)
<img src='myphoto.jpg' width='400' height='300'> can be
used to make the picture 400 pixels by 300
pixels--so you can adjust the size easily.
Adding hyperlinks to other pages.
<a href="http://www.cs.utk.edu/~straight/cs100.html"> link to my
CS 100 web page </a>
The first part specifies where the link is going--note the ">" after
this first part. The second part
specifies what you want the text to say--in this case "link to my CS
100 web page". See on my CS100
page the web page example #6. This has an image, and it also has
a simple hyperlink. The text should
match where the link takes you--but there are lots of scams that say
things such as "your paypal account" where link goes not to paypal but
to some site in Italy or somewhere. Just because you think
you're going to paypal, and the web page looks like paypal, doesn't
mean that it's really paypal.
For additional examples and stuff--www.w3schools.com has some
nice tutorials on html and other
features.