Web site logical path: [www.psy.gla.ac.uk] [~steve] demos: [this page] [flowRound] [CSSposAbs] [imagemaps]
< BR style="clear: both;">
Bold text[B]
Italic text[I]
Underlined text[u] (Not in html.1)
Emphasised text[EM]
Strong text[STRONG]
| Centered text[TABLE] |
These char codes are case sensitive:
& is '&' = 38 decimal
£ is '£' or '£' = decimal 163 in ISO-Latin-1
(char # less the 8th bit)
French: èéêîôàÀ etc. [è ...
Agrave icirc eacute ...]
German: ü Ä ö Ö Ü ä ë [ü Ä ....]
'A' is 'A' (A) = decimal 65 = hex 41 = 'A' (A)
Fixed space ' ' is ' ' = decimal 160 (space char plus the
8th bit)
Fixed space ' ' is ' ' = non breaking space;
8194, 8195 are HTML fat (n and m-) spaces.
Non-breaking hyphen i.e. minus is ‑ i.e. '‑'
Decimal points / "middle dot":-
⋅: 1⋅33
·: 1·33
char 183: 1·33
char hex B7: 1·33
145 ‘
146 ’
147 “
148 ”
168 ¨
128 €
129
130 ‚
131 ƒ
132 „
133 …
134 †
135 ‡
136 ˆ
137 ‰
138 Š
139 ‹
140 Œ
141
142 Ž
143
144
149 (or •) •
150 –
151 —
152 ˜
153 ™
154 š
155 ›
156 œ
157
158 ž
159 Ÿ
Dashes: — —
(151 works but is technically illegal in HTML:
150 – 151 — 8211 – 8212 —)
Quotes: 145-148 illegal. 8216 ‘ 8217 ’ 8220 “ 8221 ”
Nice display of chars
extended charset
HTML symbols
extra HTML 4 symbols
Arrows and other symbols:
[∴ → rArr larr uarr darr harr crarr, etc.]
∴
→
⇒
←
↑
↓
↔
⇔
↵
≡
≠
≈
≅
∞
√
Font smaller
Font larger
scroll crawling
<CENTER><P><B><STRIKE><BLINK><FONT COLOR="#EB0F11"><FONT SIZE=+3>THIS</FONT></FONT></BLINK></STRIKE></B></P></CENTER>
gives:
Or else:
< BODY onload="blinkIt()">
< SCRIPT type="text/javascript">
var blinkCycles = 3, blinkStartOn = 1, blinkEndOff = 0;
var blinkCount, blinkLimit;
function blinkIt() {
//if (blinkCount < 0) { // inits
if (isNaN(blinkCount)) { // inits
blinkCount = (blinkStartOn ? 0 : 1);
blinkLimit = 2 * blinkCycles;
if (blinkEndOff) blinkLimit++;
};
turnOff = (blinkCount % 2); // Turn off if odd number
val = ((turnOff) ? 'hidden' : 'visible');
if (blinkCount < blinkLimit) {
if (turnOff) { setTimeout("blinkIt()", 100); }
else { setTimeout("blinkIt()", 900); };
}; // else let this be last run of blinkIt()
for(i = 0; i < document.getElementsByTagName('myblink').length; i++){
s = document.getElementsByTagName('myblink')[i];
s.style.visibility = val;
}
blinkCount++;
}
< /SCRIPT>
< MYBLINK>< FONT COLOR="#EB0F11">Adopters being actively sought as clients< /FONT>< /MYBLINK>
And a horizontal rule [HR]:
Samples:
• color="#000000" black
• color="#FFFFFF" white
• color="#FF0000" red
• 7F0000
• FF8080
• color="#00FF00" green
• 007F00
• 80FF80
• color="#0000FF" blue
• 00007F
• 8080FF
• color="#FFFF00" yellow
• 7F7F00
• FFFF80
• color="#FF00FF" mauve
• 7F007F
• FF80FF
• color="#00FFFF" turquoise
•007F7F
•80FFFF
• 7F4F00 brown
• color="#3A6EA5" royal (UoG) blue
[Plain] This is meant to be a considerable block of text, reaching over several lines and so displaying the wrap issues. I just hope that this is long enough for the windows I'll usually be using.
[ADDRESS] This is meant to be a considerable block of text, reaching over several lines and so displaying the wrap issues. I just hope that this is long enough for the windows I'll usually be using.[BLOCKQUOTE] This is meant to be a considerable block of text, reaching over several lines and so displaying the wrap issues. I just hope that this is long enough for the windows I'll usually be using.
[PRE] This is meant to be a considerable block of text, reaching over several lines and so displaying the wrap issues. I just hope that this is long enough for the windows I'll usually be using.
Anchors, images
An email link. Commas optional between addresses. [A href="mailto:steve steve@dcs"]
A basic link [A href="std/howtoref.html"]
A popup link [A href="default.html#0" target="new"]
[A name="atarget"][/A] A target to which other links can
jump within a document.
This is now superceded by having the "target" in a URL jump to any
< ANYTAG id="atarget" >. So I'll probably just use a DIV to embrace any
section, rather than a point, I want to jump to.
< A .. > links need not just be URLs
HREF is a url: link as a link:
std/howtoref.html
HREF is java code: Links as a button:
javascript:window.location='std/howtoref.html'
or javascript:document.bgColor='red';return false;
Button as a link:
Links as a button active from just hovering:
onmouseover="javascript:document.bgColor='red';"
(hover to action; click to reverse).
A basic picture link [IMG SRC="button1.GIF"] This text
acts as a label, but just follows it.
[IMG SRC="button1.GIF" WIDTH="35" HEIGHT="35" BORDER="0" ALT="*"]
Correct usage: width etc. lets browsers lay out the page correctly
before fetching the image; ALT gives a text alternative for when
images are disabled.
[A HREF="SteveDraper.GIF" target="new"]
[IMG ALT="Link" SRC="button2.GIF" WIDTH=21 HEIGHT=21 BORDER=2][/A]
Image as a link (button), with border.
To get a picture centered on the page, embed in a table that is centred < TABLE align="center">< TR>< TD> < IMG SRC=maped.gif width=391 height=688 > < /TABLE>< /TR>< /TD>
To see how to get text flow-round an IMG or indeed other object, see demot.html.
< Acronyms: incomplete note on a new tags for acronyms This CSS: This NSS:
menus, lists, headers, tables
See 'DOCcss' for explanations. Value here is usually -1em, but can be 0.
[DIR]
[DL]
[UL]
[OL]
You can also start with any number, and have various styles of number:
text
text
text
text
text
text
text
text
text
text
text
text
|
|
this is cell 2, row1 |
| this is cell 1, row2 |
this is cell 2, row2 |
See also ~/bin/wtable.
And
demot.html for using tables to get figure captions.
Forms seem to have basic facilities you might want to use, not necessarily for forms, for:
Thus you can consider mixing them with the other standard mechanisms:
Forms have items; any item (displayed or not) that has both a name and a value, will have that encoded and sent as: url?name=val1&name2=val2&name3=val3+word3b.... Buttons (type "submit") will also have their value sent iff they have both name and value defined. (Their value is the button label, so you may see buttons with value but no name.)
Cookies are an alternative. Now part of the HTTP protocol: server specs them by putting in a "Set-Cookie: " line/field in the HEAD of a response. They may also be set by Java within a page sent to the user. A browser will send it back as part of any GET request if the URL matches (of cookie against the request the browser is making). Cookies have expiry dates (if none, then deleted when browser is quitted). Their content are mainly name=value pairs. See the Wiki entry. Main use: maintaining state, preventing repetitive logins, shopping baskets etc. But also used for logging users' access to a site across time. If cookies are visible to browser-java, then theft of cookies from other servers becomes possible.
< embed> reads in (#include) another file; meant for plugins.
< EMBED SRC="../graphics/sounds/1812over.mid" HEIGHT=60 WIDTH=144>
< EMBED SRC="q.pdf">
< IFRAME> like EMBED, used for video insert into page body. See demot.html.
The first method will work for all URLs within server's domain, not just for real pages or page names within user-author's control. The rest of the methods only work for redirecting from pages within the user-author's control.
Though this might be fixable by adding line to page inside < HEAD> < BASE href="http://www.psy.gla.ac.uk/~steve/dir/tmp/"> to spec. the new location file root. So: a) move main copy of file to new place; b) add BASE to spec this file root; c) edit internal URLs or move dependent files (IMGs etc.) with it. d) link to it from old file location (and others).
This uses a refresh command with zero delay (or put in 1 or 5 seconds).
It does depend on the browser implementing this non-essential facility, but
most do (e.g. netscape 3). It commands the browser to pretend it received an
extra header line in the HTTP exchange. Shouldn't there be a "redirect" http
command/ header line?
[Won't work for IMG fetched files.]
OR: < A href = "javascript:window.location='< ?=$url1?>'
[Won't work for IMG fetched files.]