Home » Recent acquisitions » Acorn ADFS disks » adfs_AcornUser_199611.adf » Features » HTML/back_htm

HTML/back_htm

This website contains an archive of files for the Acorn Electron, BBC Micro, Acorn Archimedes, Commodore 16 and Commodore 64 computers, which Dominic Ford has rescued from his private collection of floppy disks and cassettes.

Some of these files were originally commercial releases in the 1980s and 1990s, but they are now widely available online. I assume that copyright over them is no longer being asserted. If you own the copyright and would like files to be removed, please contact me.

Tape/disk: Home » Recent acquisitions » Acorn ADFS disks » adfs_AcornUser_199611.adf » Features
Filename: HTML/back_htm
Read OK:
File size: 054F bytes
Load address: 0000
Exec address: 0000
File contents
<html>
<head>
<title>Backgrounds and global colours</title>
</head>

<body background="bg.gif" bgcolor="#BBBB88" text="#550000"
link="#BB0000" vlink="#990077" alink="#FFFFFF">

<h1>Backgrounds and global colours</h1>
<p>
This page uses a tiled GIF as a backdrop. As you can see, although the GIF
is very striking, is can be distracting and make it hard to read the text.
The background is inserted by adding a:
<br><code>background="filename"</code><br>
attribute to the <var>&lt;body&gt;</var> tag.</p>
<p>
The text colour has also been set (to a dark red) using:
<br><code>text="#550000"</code><br>
in the <var>&lt;body&gt;</var> tag. It is important on Acorn machines to set
the background colour as well, so that the text will anti-alias correctly:
in this case it is set to yellow ochre using:
<br><code>bgcolor="#BBBB88"</code><br>
in the <var>&lt;body&gt;</var> tag.</p>
<p>
Other colours that can be set in the <var>&lt;body&gt;</var> tag are:</p>
<ul>
<li>Link colour - set by <var>link="#rrggbb"</var>
<li>Active link colour - set by <var>alink="#rrggbb"</var>
<li>Visited link colour - set by <var>vlink="#rrggbb"</var>
</ul>
<p>
<a href="fonts.htm">Here is a link to the fonts page</a> so that you can see
the different colours. It is red before it has been visited, maroon when
visited and white when 'active' - clicked upon.</p>
</body>
</html>
00000000  3c 68 74 6d 6c 3e 0a 3c  68 65 61 64 3e 0a 3c 74  |<html>.<head>.<t|
00000010  69 74 6c 65 3e 42 61 63  6b 67 72 6f 75 6e 64 73  |itle>Backgrounds|
00000020  20 61 6e 64 20 67 6c 6f  62 61 6c 20 63 6f 6c 6f  | and global colo|
00000030  75 72 73 3c 2f 74 69 74  6c 65 3e 0a 3c 2f 68 65  |urs</title>.</he|
00000040  61 64 3e 0a 0a 3c 62 6f  64 79 20 62 61 63 6b 67  |ad>..<body backg|
00000050  72 6f 75 6e 64 3d 22 62  67 2e 67 69 66 22 20 62  |round="bg.gif" b|
00000060  67 63 6f 6c 6f 72 3d 22  23 42 42 42 42 38 38 22  |gcolor="#BBBB88"|
00000070  20 74 65 78 74 3d 22 23  35 35 30 30 30 30 22 0a  | text="#550000".|
00000080  6c 69 6e 6b 3d 22 23 42  42 30 30 30 30 22 20 76  |link="#BB0000" v|
00000090  6c 69 6e 6b 3d 22 23 39  39 30 30 37 37 22 20 61  |link="#990077" a|
000000a0  6c 69 6e 6b 3d 22 23 46  46 46 46 46 46 22 3e 0a  |link="#FFFFFF">.|
000000b0  0a 3c 68 31 3e 42 61 63  6b 67 72 6f 75 6e 64 73  |.<h1>Backgrounds|
000000c0  20 61 6e 64 20 67 6c 6f  62 61 6c 20 63 6f 6c 6f  | and global colo|
000000d0  75 72 73 3c 2f 68 31 3e  0a 3c 70 3e 0a 54 68 69  |urs</h1>.<p>.Thi|
000000e0  73 20 70 61 67 65 20 75  73 65 73 20 61 20 74 69  |s page uses a ti|
000000f0  6c 65 64 20 47 49 46 20  61 73 20 61 20 62 61 63  |led GIF as a bac|
00000100  6b 64 72 6f 70 2e 20 41  73 20 79 6f 75 20 63 61  |kdrop. As you ca|
00000110  6e 20 73 65 65 2c 20 61  6c 74 68 6f 75 67 68 20  |n see, although |
00000120  74 68 65 20 47 49 46 0a  69 73 20 76 65 72 79 20  |the GIF.is very |
00000130  73 74 72 69 6b 69 6e 67  2c 20 69 73 20 63 61 6e  |striking, is can|
00000140  20 62 65 20 64 69 73 74  72 61 63 74 69 6e 67 20  | be distracting |
00000150  61 6e 64 20 6d 61 6b 65  20 69 74 20 68 61 72 64  |and make it hard|
00000160  20 74 6f 20 72 65 61 64  20 74 68 65 20 74 65 78  | to read the tex|
00000170  74 2e 0a 54 68 65 20 62  61 63 6b 67 72 6f 75 6e  |t..The backgroun|
00000180  64 20 69 73 20 69 6e 73  65 72 74 65 64 20 62 79  |d is inserted by|
00000190  20 61 64 64 69 6e 67 20  61 3a 0a 3c 62 72 3e 3c  | adding a:.<br><|
000001a0  63 6f 64 65 3e 62 61 63  6b 67 72 6f 75 6e 64 3d  |code>background=|
000001b0  22 66 69 6c 65 6e 61 6d  65 22 3c 2f 63 6f 64 65  |"filename"</code|
000001c0  3e 3c 62 72 3e 0a 61 74  74 72 69 62 75 74 65 20  |><br>.attribute |
000001d0  74 6f 20 74 68 65 20 3c  76 61 72 3e 26 6c 74 3b  |to the <var>&lt;|
000001e0  62 6f 64 79 26 67 74 3b  3c 2f 76 61 72 3e 20 74  |body&gt;</var> t|
000001f0  61 67 2e 3c 2f 70 3e 0a  3c 70 3e 0a 54 68 65 20  |ag.</p>.<p>.The |
00000200  74 65 78 74 20 63 6f 6c  6f 75 72 20 68 61 73 20  |text colour has |
00000210  61 6c 73 6f 20 62 65 65  6e 20 73 65 74 20 28 74  |also been set (t|
00000220  6f 20 61 20 64 61 72 6b  20 72 65 64 29 20 75 73  |o a dark red) us|
00000230  69 6e 67 3a 0a 3c 62 72  3e 3c 63 6f 64 65 3e 74  |ing:.<br><code>t|
00000240  65 78 74 3d 22 23 35 35  30 30 30 30 22 3c 2f 63  |ext="#550000"</c|
00000250  6f 64 65 3e 3c 62 72 3e  0a 69 6e 20 74 68 65 20  |ode><br>.in the |
00000260  3c 76 61 72 3e 26 6c 74  3b 62 6f 64 79 26 67 74  |<var>&lt;body&gt|
00000270  3b 3c 2f 76 61 72 3e 20  74 61 67 2e 20 49 74 20  |;</var> tag. It |
00000280  69 73 20 69 6d 70 6f 72  74 61 6e 74 20 6f 6e 20  |is important on |
00000290  41 63 6f 72 6e 20 6d 61  63 68 69 6e 65 73 20 74  |Acorn machines t|
000002a0  6f 20 73 65 74 0a 74 68  65 20 62 61 63 6b 67 72  |o set.the backgr|
000002b0  6f 75 6e 64 20 63 6f 6c  6f 75 72 20 61 73 20 77  |ound colour as w|
000002c0  65 6c 6c 2c 20 73 6f 20  74 68 61 74 20 74 68 65  |ell, so that the|
000002d0  20 74 65 78 74 20 77 69  6c 6c 20 61 6e 74 69 2d  | text will anti-|
000002e0  61 6c 69 61 73 20 63 6f  72 72 65 63 74 6c 79 3a  |alias correctly:|
000002f0  0a 69 6e 20 74 68 69 73  20 63 61 73 65 20 69 74  |.in this case it|
00000300  20 69 73 20 73 65 74 20  74 6f 20 79 65 6c 6c 6f  | is set to yello|
00000310  77 20 6f 63 68 72 65 20  75 73 69 6e 67 3a 0a 3c  |w ochre using:.<|
00000320  62 72 3e 3c 63 6f 64 65  3e 62 67 63 6f 6c 6f 72  |br><code>bgcolor|
00000330  3d 22 23 42 42 42 42 38  38 22 3c 2f 63 6f 64 65  |="#BBBB88"</code|
00000340  3e 3c 62 72 3e 0a 69 6e  20 74 68 65 20 3c 76 61  |><br>.in the <va|
00000350  72 3e 26 6c 74 3b 62 6f  64 79 26 67 74 3b 3c 2f  |r>&lt;body&gt;</|
00000360  76 61 72 3e 20 74 61 67  2e 3c 2f 70 3e 0a 3c 70  |var> tag.</p>.<p|
00000370  3e 0a 4f 74 68 65 72 20  63 6f 6c 6f 75 72 73 20  |>.Other colours |
00000380  74 68 61 74 20 63 61 6e  20 62 65 20 73 65 74 20  |that can be set |
00000390  69 6e 20 74 68 65 20 3c  76 61 72 3e 26 6c 74 3b  |in the <var>&lt;|
000003a0  62 6f 64 79 26 67 74 3b  3c 2f 76 61 72 3e 20 74  |body&gt;</var> t|
000003b0  61 67 20 61 72 65 3a 3c  2f 70 3e 0a 3c 75 6c 3e  |ag are:</p>.<ul>|
000003c0  0a 3c 6c 69 3e 4c 69 6e  6b 20 63 6f 6c 6f 75 72  |.<li>Link colour|
000003d0  20 2d 20 73 65 74 20 62  79 20 3c 76 61 72 3e 6c  | - set by <var>l|
000003e0  69 6e 6b 3d 22 23 72 72  67 67 62 62 22 3c 2f 76  |ink="#rrggbb"</v|
000003f0  61 72 3e 0a 3c 6c 69 3e  41 63 74 69 76 65 20 6c  |ar>.<li>Active l|
00000400  69 6e 6b 20 63 6f 6c 6f  75 72 20 2d 20 73 65 74  |ink colour - set|
00000410  20 62 79 20 3c 76 61 72  3e 61 6c 69 6e 6b 3d 22  | by <var>alink="|
00000420  23 72 72 67 67 62 62 22  3c 2f 76 61 72 3e 0a 3c  |#rrggbb"</var>.<|
00000430  6c 69 3e 56 69 73 69 74  65 64 20 6c 69 6e 6b 20  |li>Visited link |
00000440  63 6f 6c 6f 75 72 20 2d  20 73 65 74 20 62 79 20  |colour - set by |
00000450  3c 76 61 72 3e 76 6c 69  6e 6b 3d 22 23 72 72 67  |<var>vlink="#rrg|
00000460  67 62 62 22 3c 2f 76 61  72 3e 0a 3c 2f 75 6c 3e  |gbb"</var>.</ul>|
00000470  0a 3c 70 3e 0a 3c 61 20  68 72 65 66 3d 22 66 6f  |.<p>.<a href="fo|
00000480  6e 74 73 2e 68 74 6d 22  3e 48 65 72 65 20 69 73  |nts.htm">Here is|
00000490  20 61 20 6c 69 6e 6b 20  74 6f 20 74 68 65 20 66  | a link to the f|
000004a0  6f 6e 74 73 20 70 61 67  65 3c 2f 61 3e 20 73 6f  |onts page</a> so|
000004b0  20 74 68 61 74 20 79 6f  75 20 63 61 6e 20 73 65  | that you can se|
000004c0  65 0a 74 68 65 20 64 69  66 66 65 72 65 6e 74 20  |e.the different |
000004d0  63 6f 6c 6f 75 72 73 2e  20 49 74 20 69 73 20 72  |colours. It is r|
000004e0  65 64 20 62 65 66 6f 72  65 20 69 74 20 68 61 73  |ed before it has|
000004f0  20 62 65 65 6e 20 76 69  73 69 74 65 64 2c 20 6d  | been visited, m|
00000500  61 72 6f 6f 6e 20 77 68  65 6e 0a 76 69 73 69 74  |aroon when.visit|
00000510  65 64 20 61 6e 64 20 77  68 69 74 65 20 77 68 65  |ed and white whe|
00000520  6e 20 27 61 63 74 69 76  65 27 20 2d 20 63 6c 69  |n 'active' - cli|
00000530  63 6b 65 64 20 75 70 6f  6e 2e 3c 2f 70 3e 0a 3c  |cked upon.</p>.<|
00000540  2f 62 6f 64 79 3e 0a 3c  2f 68 74 6d 6c 3e 0a     |/body>.</html>.|
0000054f