CIS525 - Lecture#3 - September 13, 2000
<![CDATA[
TABLES - continued
------------------
<caption align = "bottom"> <= places a caption on a table
</caption>
TABLE ROW FUNCTIONS
-------------------
<tr align = left (right or center also)
valign = top (middle or bottom also)
width = # in pixels
height = # in pixels
nowrap = true or false <= prevents wrapping of text
</tr>
=========================================================================================
TEXT FUNCTIONS
--------------
Logical styles (older browsers) Physical styles
------------------------------------------------------------------------------------------
<strong> </strong> <b> </b> <= bold
<em> emphasis </em> <i> </i> <=italics
<samp> sample program output </samp> <tt> <tt> <=fixed space font
<code> program code </code>
<u> </u> <=underline
<big> </big> <= increases font 1 size
<small> </small> <= decreases font 1 size
<sub> </sub> <= subscript
<sup> </sup> <= superscript
<strike> </strike> <= strikethrough
<cite> italicized </cite>
=========================================================================================
LINKING
-------
<a href = "http://----.html">
text, image, link
</a>
If on your own directory: ../ will move up one directory
./ will look in current directory
hrefs can link within a document:
<a name ="COBOL"> <= this means 'COBOL' is somewhere in the document
<a href = "http://george.html#COBOL">
link to strange language </a>
if want to link to picture instead:
<a href = "http://george.html#COBOL">
<img-src = "maxim.gif"> strange link </a> <=this will cause text to be highlighted
A good idea to do for users that don't process pictures:
<img src = "maxim.gif"
alt = "[Image=strangeprofessor]"
align = "top"
width = # in pixels
height = # in pixels
border = # in pixels >
<p> </p> <= paragraph
=========================================================================================
CLICKABLE REGIONS (Maps)
------------------------
<img src = "something.gif"
alt =
width = 385
height = 170
usemap = "#Kansas"
border = 0 >
<map name = "Kansas" > <= this sets us clickable areas
<area href = "0"
shape = "rect"
coord "0,0,192,85"
alt = 0 >
</map>
To bring in an applet:
<applet code="X" <= 'X' needs to be the compiled code!
width =
height =
name =
hspace= <= horizontal space (left, right) for placement of applet
vspace = > <= vertical space (top,bottom)
</applet>
Plug-ins:
<embed src=" " <= avi, wav, or pdf file
height =
width =
autostart = true or false <= default is false
</embed>
=========================================================================================
FRAMES
-------
General frames:
<html>
<head>
</head>
<frameset>
<noframes> <= to account for non-frames supporting browser
<body>
</body>
</noframes>
</frameset>
</html>
options:
<frameset rows="40%,60%"> <= replace one with asterisk, uses remaining space
<frame src="something.html" <= or gif or jpg file
<frameset col = "*,*">
<frame src = "file.html">
<frame src = "file.html" name="Main"> <= name assigns a name to the frame
</frameset>
<a href = "intro.html"
target = "new" > <= should open new window
-or- target = _blank
-or- target = _top <= replaces top frame
-or- target = _parent
-or- target = _self
Page 135 of text - prevent framing of document (Javascript)
<SCRIPT LANGUAGE = "Javascript">
<!--
if (top.frames.length>0)
top.location.location
//-->
</SCRIPT>
]]>