Home » Recent acquisitions » Acorn ADFS disks » adfs_AcornUser_199609.adf » Features » HTML/index_htm
HTML/index_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_199609.adf » Features |
| Filename: | HTML/index_htm |
| Read OK: | ✔ |
| File size: | 04AD bytes |
| Load address: | 0000 |
| Exec address: | 0000 |
File contents
<html> <head> <title>The image tag</title> </head> <body> <p> <a name="top">The image</a> (<var><img></var>) tag is used to display images in HTML pages. Below are three images showing the three possible vertical alignments of text after an image: <p> <img alt="*" src="ball1.gif" width=80 height=80 align="top">Top, <img alt="*" src="ball1.gif" width=80 height=80 align="middle">middle <img alt="*" src="ball1.gif" width=80 height=80 align="bottom">and bottom. <p> The two balls below were both tagken from the same <cite>ArtWorks</cite> file (containing only two shapes), but the GIF on the right has an optimised palette, so looks smoother in some cases, especially higher colour modes. <p> <img alt="*" src="ball1.gif" width=80 height=80 align="bottom"> <img alt="*" src="ball2.gif" width=80 height=80 align="bottom"> <p> The two balls below both link to the top of the page, but only the ball on the right has a border. This is because the ball on the left has a "border=0" attribute. <p> <a href="#top"> <img alt="*" src="ball1.gif" width=80 height=80 align="bottom" border=0></a> <a href="#top"> <img alt="*" src="ball1.gif" width=80 height=80 align="bottom"></a> </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 54 68 65 20 69 6d 61 67 65 20 74 |itle>The image t| 00000020 61 67 3c 2f 74 69 74 6c 65 3e 0a 3c 2f 68 65 61 |ag</title>.</hea| 00000030 64 3e 0a 3c 62 6f 64 79 3e 0a 0a 3c 70 3e 0a 3c |d>.<body>..<p>.<| 00000040 61 20 6e 61 6d 65 3d 22 74 6f 70 22 3e 54 68 65 |a name="top">The| 00000050 20 69 6d 61 67 65 3c 2f 61 3e 20 28 3c 76 61 72 | image</a> (<var| 00000060 3e 26 6c 74 3b 69 6d 67 26 67 74 3b 3c 2f 76 61 |><img></va| 00000070 72 3e 29 20 74 61 67 20 69 73 20 75 73 65 64 20 |r>) tag is used | 00000080 74 6f 20 64 69 73 70 6c 61 79 0a 69 6d 61 67 65 |to display.image| 00000090 73 20 69 6e 20 48 54 4d 4c 20 70 61 67 65 73 2e |s in HTML pages.| 000000a0 20 42 65 6c 6f 77 20 61 72 65 20 74 68 72 65 65 | Below are three| 000000b0 20 69 6d 61 67 65 73 20 73 68 6f 77 69 6e 67 20 | images showing | 000000c0 74 68 65 20 74 68 72 65 65 20 70 6f 73 73 69 62 |the three possib| 000000d0 6c 65 0a 76 65 72 74 69 63 61 6c 20 61 6c 69 67 |le.vertical alig| 000000e0 6e 6d 65 6e 74 73 20 6f 66 20 74 65 78 74 20 61 |nments of text a| 000000f0 66 74 65 72 20 61 6e 20 69 6d 61 67 65 3a 0a 0a |fter an image:..| 00000100 3c 70 3e 0a 3c 69 6d 67 20 61 6c 74 3d 22 2a 22 |<p>.<img alt="*"| 00000110 20 73 72 63 3d 22 62 61 6c 6c 31 2e 67 69 66 22 | src="ball1.gif"| 00000120 20 77 69 64 74 68 3d 38 30 20 68 65 69 67 68 74 | width=80 height| 00000130 3d 38 30 20 61 6c 69 67 6e 3d 22 74 6f 70 22 3e |=80 align="top">| 00000140 54 6f 70 2c 20 0a 3c 69 6d 67 20 61 6c 74 3d 22 |Top, .<img alt="| 00000150 2a 22 20 73 72 63 3d 22 62 61 6c 6c 31 2e 67 69 |*" src="ball1.gi| 00000160 66 22 20 77 69 64 74 68 3d 38 30 20 68 65 69 67 |f" width=80 heig| 00000170 68 74 3d 38 30 20 61 6c 69 67 6e 3d 22 6d 69 64 |ht=80 align="mid| 00000180 64 6c 65 22 3e 6d 69 64 64 6c 65 0a 3c 69 6d 67 |dle">middle.<img| 00000190 20 61 6c 74 3d 22 2a 22 20 73 72 63 3d 22 62 61 | alt="*" src="ba| 000001a0 6c 6c 31 2e 67 69 66 22 20 77 69 64 74 68 3d 38 |ll1.gif" width=8| 000001b0 30 20 68 65 69 67 68 74 3d 38 30 20 61 6c 69 67 |0 height=80 alig| 000001c0 6e 3d 22 62 6f 74 74 6f 6d 22 3e 61 6e 64 20 62 |n="bottom">and b| 000001d0 6f 74 74 6f 6d 2e 0a 3c 70 3e 0a 54 68 65 20 74 |ottom..<p>.The t| 000001e0 77 6f 20 62 61 6c 6c 73 20 62 65 6c 6f 77 20 77 |wo balls below w| 000001f0 65 72 65 20 62 6f 74 68 20 74 61 67 6b 65 6e 20 |ere both tagken | 00000200 66 72 6f 6d 20 74 68 65 20 73 61 6d 65 20 3c 63 |from the same <c| 00000210 69 74 65 3e 41 72 74 57 6f 72 6b 73 3c 2f 63 69 |ite>ArtWorks</ci| 00000220 74 65 3e 20 66 69 6c 65 0a 28 63 6f 6e 74 61 69 |te> file.(contai| 00000230 6e 69 6e 67 20 6f 6e 6c 79 20 74 77 6f 20 73 68 |ning only two sh| 00000240 61 70 65 73 29 2c 20 62 75 74 20 74 68 65 20 47 |apes), but the G| 00000250 49 46 20 6f 6e 20 74 68 65 20 72 69 67 68 74 20 |IF on the right | 00000260 68 61 73 20 61 6e 20 6f 70 74 69 6d 69 73 65 64 |has an optimised| 00000270 20 70 61 6c 65 74 74 65 2c 0a 73 6f 20 6c 6f 6f | palette,.so loo| 00000280 6b 73 20 73 6d 6f 6f 74 68 65 72 20 69 6e 20 73 |ks smoother in s| 00000290 6f 6d 65 20 63 61 73 65 73 2c 20 65 73 70 65 63 |ome cases, espec| 000002a0 69 61 6c 6c 79 20 68 69 67 68 65 72 20 63 6f 6c |ially higher col| 000002b0 6f 75 72 20 6d 6f 64 65 73 2e 0a 3c 70 3e 0a 3c |our modes..<p>.<| 000002c0 69 6d 67 20 61 6c 74 3d 22 2a 22 20 73 72 63 3d |img alt="*" src=| 000002d0 22 62 61 6c 6c 31 2e 67 69 66 22 20 77 69 64 74 |"ball1.gif" widt| 000002e0 68 3d 38 30 20 68 65 69 67 68 74 3d 38 30 20 61 |h=80 height=80 a| 000002f0 6c 69 67 6e 3d 22 62 6f 74 74 6f 6d 22 3e 0a 3c |lign="bottom">.<| 00000300 69 6d 67 20 61 6c 74 3d 22 2a 22 20 73 72 63 3d |img alt="*" src=| 00000310 22 62 61 6c 6c 32 2e 67 69 66 22 20 77 69 64 74 |"ball2.gif" widt| 00000320 68 3d 38 30 20 68 65 69 67 68 74 3d 38 30 20 61 |h=80 height=80 a| 00000330 6c 69 67 6e 3d 22 62 6f 74 74 6f 6d 22 3e 0a 3c |lign="bottom">.<| 00000340 70 3e 0a 54 68 65 20 74 77 6f 20 62 61 6c 6c 73 |p>.The two balls| 00000350 20 62 65 6c 6f 77 20 62 6f 74 68 20 6c 69 6e 6b | below both link| 00000360 20 74 6f 20 74 68 65 20 74 6f 70 20 6f 66 20 74 | to the top of t| 00000370 68 65 20 70 61 67 65 2c 20 62 75 74 20 6f 6e 6c |he page, but onl| 00000380 79 20 74 68 65 20 62 61 6c 6c 20 6f 6e 20 74 68 |y the ball on th| 00000390 65 0a 72 69 67 68 74 20 68 61 73 20 61 20 62 6f |e.right has a bo| 000003a0 72 64 65 72 2e 20 54 68 69 73 20 69 73 20 62 65 |rder. This is be| 000003b0 63 61 75 73 65 20 74 68 65 20 62 61 6c 6c 20 6f |cause the ball o| 000003c0 6e 20 74 68 65 20 6c 65 66 74 20 68 61 73 20 61 |n the left has a| 000003d0 20 22 62 6f 72 64 65 72 3d 30 22 0a 61 74 74 72 | "border=0".attr| 000003e0 69 62 75 74 65 2e 0a 3c 70 3e 0a 3c 61 20 68 72 |ibute..<p>.<a hr| 000003f0 65 66 3d 22 23 74 6f 70 22 3e 0a 3c 69 6d 67 20 |ef="#top">.<img | 00000400 61 6c 74 3d 22 2a 22 20 73 72 63 3d 22 62 61 6c |alt="*" src="bal| 00000410 6c 31 2e 67 69 66 22 20 77 69 64 74 68 3d 38 30 |l1.gif" width=80| 00000420 20 68 65 69 67 68 74 3d 38 30 20 61 6c 69 67 6e | height=80 align| 00000430 3d 22 62 6f 74 74 6f 6d 22 20 62 6f 72 64 65 72 |="bottom" border| 00000440 3d 30 3e 3c 2f 61 3e 0a 3c 61 20 68 72 65 66 3d |=0></a>.<a href=| 00000450 22 23 74 6f 70 22 3e 0a 3c 69 6d 67 20 61 6c 74 |"#top">.<img alt| 00000460 3d 22 2a 22 20 73 72 63 3d 22 62 61 6c 6c 31 2e |="*" src="ball1.| 00000470 67 69 66 22 20 77 69 64 74 68 3d 38 30 20 68 65 |gif" width=80 he| 00000480 69 67 68 74 3d 38 30 20 61 6c 69 67 6e 3d 22 62 |ight=80 align="b| 00000490 6f 74 74 6f 6d 22 3e 3c 2f 61 3e 0a 0a 3c 2f 62 |ottom"></a>..</b| 000004a0 6f 64 79 3e 0a 3c 2f 68 74 6d 6c 3e 0a |ody>.</html>.| 000004ad
.