This Page, Taken Apart: W. Gifford, Sheet 2

GeoCities.us » ResearchTriangle » Lab

THIS PAGE, TAKEN APART: SHEET 2 OF 3
THE HTML, LINE BY LINE

Here is every line of the HTML of Sheet 1, in order, as it stands in the file, numbered down the left. Where a line wants explaining, the note is beside it. If you want to check me, open Sheet 1 and choose View, then Source (in Netscape, View, then Page Source), and compare.

GENERAL NOTES

A. The lines above the BODY tag, the HEAD, are put at the top of every page by GeoCities.us and are not shown. They hold one line of mine, the TITLE, which reads: This Page, Taken Apart: W. Gifford, Sheet 1.

B. The member bar and the advertisement that GeoCities.us puts across the top of the page are their work, not mine. On a drawing, such items are marked BY OTHERS. They appear below as one shaded line.

C. Line numbers count my lines only. Notes are numbered in the order they occur.

D. Long lines may fold to fit a narrow window. A number in the left column marks where each line of the file begins.

LINE	SOURCE	NOTE
1	<BODY BGCOLOR="#EEF4F8" TEXT="#000000"	NOTE 1. Background `#EEF4F8`, the pale blue-white of drafting vellum, the sheet I drew on for forty-one years. Black lettering, as on a print. On the next line, `LINK` is the color of a link not yet followed and `VLINK` one already visited. See Rev. D.
2	LINK="#1F3F6F" VLINK="#4F4F6F">
BY OTHERS. GeoCities.us member bar and advertisement, furnished by GeoCities.us. Not shown; not numbered. See General Note B.
3	<!-- W.G. HOME PAGE, SHEET 1 OF 3 -->	NOTE 2. A comment. The browser does not show it. Every drawing carries a number, and this is mine.
4	<FONT FACE="Arial, Helvetica">	NOTE 3. One `FONT` for the whole sheet, closed at line 197. Arial if the reader has it; Helvetica if not.
5	<BR>
6	<CENTER>
7	<FONT SIZE="2">THIS PAGE, TAKEN APART:
8	SHEET 1 OF 3</FONT>
9	<BR>
10	<FONT SIZE="5"><B>WOODROW GIFFORD</B></FONT>
11	<BR>
12	<FONT SIZE="3">Slide Rules, a Workbench,
13	and Frances</FONT>
14	</CENTER>
15	<HR SIZE="1" NOSHADE COLOR="#000000">	NOTE 4. A rule one pixel thick. `NOSHADE` makes it solid instead of a groove. Internet Explorer draws it black; other browsers draw it gray, which will do.
16	<P>	NOTE 5. `<P>` begins a paragraph. Note the length of these lines: none over 44 characters. The browser takes no notice of where my lines end and pours the words to fit the window. I keep them short so this sheet can show them whole.
17	I am eighty years old. For forty-one
18	years I designed electrical switchgear
19	in Pittsburgh: the big steel cabinets
20	of breakers and bus bars that stand
21	between the power company and a mill,
22	a hospital or an office building. I
23	made drawings for a living, and I
24	still think in them.
25	<P>
26	When I retired, I said I would never
27	draw another thing. Then in 1997 I
28	borrowed a book on HTML from the
29	public library and found that a Web
30	page is a drawing after all. It has
31	parts, the parts have dimensions,
32	and a careful man can write down why
33	each one is there. So I have. This
34	page is Sheet 1. Sheet 2 is its HTML,
35	every line numbered and noted, and
36	Sheet 3 is its revision history.
37	<P>
38	<A HREF="source.html">SHEET 2: The	NOTE 6. A relative address. Sheets 2 and 3 are in the same folder as Sheet 1, so the file name alone will do.
39	HTML, line by line</A>
40	<BR>
41	<A HREF="changes.html">SHEET 3: The
42	revision history</A>
43	<P>
44	<HR SIZE="1" NOSHADE COLOR="#000000">
45	<FONT SIZE="4"><B>THE SLIDE RULES</B></FONT>
46	<P>
47	<IMG SRC="/images/clipart/calculator.gif"
48	WIDTH="32" HEIGHT="32" ALIGN="LEFT"	NOTE 7. `WIDTH` and `HEIGHT` keep the words from jumping when the picture arrives. Given the dimensions, the browser leaves a hole of the right size and fills it when the picture comes. See Rev. F.
49	HSPACE="8" ALT="A pocket calculator">	NOTE 8. `ALIGN="LEFT"` stands the picture at the margin with the words running down its right side. `HSPACE` is clearance: eight pixels either side. `ALT` is what the reader gets if the picture does not come.
50	GeoCities.us has no picture of a slide
51	rule, so here is a calculator, the
52	machine that put the slide rule out of
53	work. I find it a fair substitute, and
54	a fair warning.
55	<BR CLEAR="ALL">	NOTE 9. Ends the run-around. The next line starts below the picture, not beside it.
56	<P>
57	A slide rule multiplies by adding
58	lengths. The C and D scales are the
59	same logarithmic scale, one printed
60	on the slide and one on the body. To
61	multiply 2 by 3, set the 1 at the
62	left end of C over 2 on D, run the
63	cursor to 3 on C, and read 6 on D
64	under the hairline. The rule gives
65	you three figures, sometimes four.
66	It does not give you the decimal
67	point. You carry that in your head,
68	which is the best habit an engineer
69	ever learned.
70	<P>
71	The log-log scales raise numbers to
72	powers. A number on LL2 sits exactly
73	over its tenth power on LL3: 1.2 is
74	over 6.19. We used them at work for
75	heating and cooling curves, and at
76	home for the interest on the mortgage.
77	<P>
78	I own 27 rules. My working rule for
79	thirty-six years was a Keuffel &	NOTE 10. `&` is how an ampersand is written. A bare `&` begins a character code, and the browser may make a mess of what follows.
80	Esser Log Log Duplex Decitrig, model
81	4081-3, mahogany with white faces,
82	bought new in 1946. It is on the desk
83	beside me as I type. The Picketts are
84	all aluminum, and most are painted
85	the yellow Pickett called Eye Saver.
86	The young engineers liked them. I
87	stayed with mahogany.
88	<P>
89	<TABLE BORDER="1" CELLPADDING="4"	NOTE 11. A table with a one-pixel border and four pixels of padding inside each cell.
90	CELLSPACING="0" WIDTH="100%">	NOTE 12. `WIDTH="100%"` is the width of the window, whatever it is. Until Rev. G this read `WIDTH="600"`, and on a small screen the table ran off the edge.
91	<TR><TH ALIGN="LEFT">MAKER</TH>
92	<TH ALIGN="RIGHT">QTY.</TH></TR>	NOTE 13. Quantities flush right, so the figures line up as on any bill of material.
93	<TR><TD>Keuffel & Esser</TD>
94	<TD ALIGN="RIGHT">11</TD></TR>
95	<TR><TD>Pickett</TD>
96	<TD ALIGN="RIGHT">7</TD></TR>
97	<TR><TD>Dietzgen</TD>
98	<TD ALIGN="RIGHT">4</TD></TR>
99	<TR><TD>Post</TD>
100	<TD ALIGN="RIGHT">2</TD></TR>
101	<TR><TD>Other makers</TD>
102	<TD ALIGN="RIGHT">3</TD></TR>
103	<TR><TD><B>TOTAL</B></TD>
104	<TD ALIGN="RIGHT"><B>27</B></TD></TR>	NOTE 14. Checked: 11 + 7 + 4 + 2 + 3 = 27.
105	</TABLE>
106	<P>
107	<HR SIZE="1" NOSHADE COLOR="#000000">
108	<FONT SIZE="4"><B>FRANCES</B></FONT>
109	<P>
110	<IMG SRC="/images/clipart/heart.gif"	NOTE 15. Same arrangement as Notes 7 and 8.
111	WIDTH="32" HEIGHT="32" ALIGN="LEFT"
112	HSPACE="8" ALT="A red heart">
113	My wife, Frances, and I were married
114	in June of 1947. She taught the third
115	grade for twenty-six years, and she
116	corrected my spelling for nearly
117	forty-nine. She died in March of 1996.
118	<BR CLEAR="ALL">
119	<P>
120	She checked my work. Every letter I
121	wrote, she read before it went in the
122	mail. On an engineering drawing there
123	is a box marked CHECKED, for the
124	initials of the man who looked the
125	drawing over before it went to the
126	shop. You will find that box at the
127	bottom of this page. I have left it
128	empty.
129	<P>
130	<HR SIZE="1" NOSHADE COLOR="#000000">
131	<FONT SIZE="4"><B>THE WORKBENCH</B></FONT>
132	<P>
133	<IMG SRC="/images/clipart/hammer.gif"
134	WIDTH="32" HEIGHT="32" ALIGN="LEFT"
135	HSPACE="8" ALT="A hammer">
136	The bench is in the basement. The top
137	is a solid-core door I bought for four
138	dollars in 1953 and set on legs of two
139	by four. Above it are three shelves of
140	coffee cans, each labeled on masking
141	tape: wood screws, machine screws,
142	washers, fuses, tubes, and one marked
143	MISC., which is where everything goes
144	in the end.
145	<BR CLEAR="ALL">
146	<P>
147	I fix lamps, toasters and radios for
148	the neighbors, and lately a good many
149	computer mice, which mostly want their
150	little rubber balls cleaned. I built
151	an oscilloscope from a Heathkit in
152	1958. It still works.
153	<P>
154	<HR SIZE="1" NOSHADE COLOR="#000000">
155	<FONT SIZE="2">
156	Visitors to Sheet 1:
157	<IMG SRC="/images/clipart/counter/0.gif"	NOTE 16. The counter is six pictures, one to a digit. The line breaks between them show as narrow spaces between the digits. I have accepted the deviation.
158	WIDTH="16" HEIGHT="24" ALT="0">
159	<IMG SRC="/images/clipart/counter/0.gif"
160	WIDTH="16" HEIGHT="24" ALT="0">
161	<IMG SRC="/images/clipart/counter/2.gif"
162	WIDTH="16" HEIGHT="24" ALT="2">
163	<IMG SRC="/images/clipart/counter/3.gif"
164	WIDTH="16" HEIGHT="24" ALT="3">
165	<IMG SRC="/images/clipart/counter/0.gif"
166	WIDTH="16" HEIGHT="24" ALT="0">
167	<IMG SRC="/images/clipart/counter/8.gif"
168	WIDTH="16" HEIGHT="24" ALT="8">
169	<BR>
170	Correspondence:
171	<A HREF="mailto:wgifford@geocities.us"	NOTE 17. A `mailto:` link opens the reader's mail program with my address filled in.
172	>wgifford@geocities.us</A>	NOTE 18. The `>` that closes the `A` tag begins this line. It is legal, if odd to look at. I broke the line to keep it short.
173	<BR>
174	Last updated September 18, 1999
175	</FONT>
176	<P>
177	<TABLE ALIGN="RIGHT" BORDER="1"	NOTE 19. The title block. On a drawing it sits in the lower right corner, and `ALIGN="RIGHT"` puts it there.
178	CELLPADDING="3" CELLSPACING="0">
179	<TR><TD COLSPAN="2">
180	<FONT SIZE="1">TITLE</FONT><BR>	NOTE 20. Size 1 for the box labels, the small print of a title block. `TT` puts the entries in plain typewriter letters.
181	<TT>HOME PAGE, W. GIFFORD</TT></TD></TR>
182	<TR><TD><FONT SIZE="1">DRAWN</FONT><BR>
183	<TT>W.G.</TT></TD>
184	<TD><FONT SIZE="1">CHECKED</FONT><BR>	NOTE 21. Left blank. See lines 108 through 128.
185	<TT> </TT></TD></TR>
186	<TR><TD><FONT SIZE="1">DATE</FONT><BR>
187	<TT>9-18-99</TT></TD>
188	<TD><FONT SIZE="1">REV.</FONT><BR>
189	<TT>H</TT></TD></TR>	NOTE 22. The revision letter, raised at every change. See Sheet 3.
190	<TR><TD><FONT SIZE="1">SCALE</FONT><BR>
191	<TT>NONE</TT></TD>
192	<TD><FONT SIZE="1">SHEET</FONT><BR>
193	<TT>1 OF 3</TT></TD></TR>
194	</TABLE>
195	<BR CLEAR="ALL">
196	<BR>
197	</FONT>	NOTE 23. Closes the `FONT` opened at line 4.
198	</BODY>
199	</HTML>	NOTE 24. End of sheet.

SHEET 1: The page · SHEET 3: The revision history
Correspondence: [email protected]
Last updated September 18, 1999

TITLE `HOME PAGE, W. GIFFORD: HTML`
DRAWN `W.G.`	CHECKED
DATE `9-18-99`	REV. `H`
SCALE `NONE`	SHEET `2 OF 3`