Three Lists But No Liszt

Lesson Seven, Chapter One in Cearley’s Book

In Which the UL, OL, an DL Tags are Used

Lists of Ordered and Unordered Nature

• Unordered List
  
• Ordered List
  
• List of Words and Their Definitions
  
• Nested List
  

An Unordered List, Yet Orderly in Appearance

Some U.S. Naval Aircraft Used in World War II

• F4F Wildcat
  
  
  
  1. F4F-3
     
  2. F4F-4
     
  
  
• SBD Dauntless
  
• TBD Devastator
  
• TBF Avenger
  
• F6F Hellcat
  
• F4U Corsair
  

An Ordered List, By the Numbers

Some Aircraft Ordered by Number of Engines, Ascending

1. F4F Wildcat
   
2. B-25 Mitchell
   
3. Ford Trimotor
   
4. He-177, which had only two propellors each of four blades and two engine nacelles, but inside each engine nacelle, which were, incidentally, mounted one one each wing, where two engines mounted end-to-end such that the drive shafts were linked. This was not a satisfactory arrangement; if memory serves, it was prone to fire do to inadequate cooling.
   
5. I know of no five-engined airplane.
   
6. B-47
   
7. Alas, I am ignorant of any seven-engine aeroplane.
   
8. B-52 Stratofortress
   

A List of Words and Their Definitions, But Without Etymology and Examples of Usage

Military Aircraft Types (Not Compacted)

Fighter

An airplane optimized for dogfighting.

Fighter Bomber

An aircraft design suitable for dogfighting but also capable of ground attack.

Torpedo Bomber

This type of airplane carries one or more torpedos for use against ships.

Dive Bomber

A type of airplane stressed to withstand steep dives in order to deliver a single bomb on a small target.

Military Aircraft Types (Compacted)

Fighter

An airplane optimized for dogfighting.

Fighter Bomber

An aircraft design suitable for dogfighting but also capable of ground attack.

Torpedo Bomber

This type of airplane carries one or more torpedos for use against ships.

Dive Bomber

A type of airplane stressed to withstand steep dives in order to deliver a single bomb on a small target.

Aircraft Types and Examples: A Nested List

• Fighters
  
  
  
  1. P-38 Lightning
     
  2. P-40 Warhawk
     
  3. P-47 Thunderbolt
     
  4. P-51 Mustang
     
  5. P-80 Shooting Star
     
  
  
• Bombers
  
  
  
  1. B-17 Flying Fortress
     
  2. B-25 Mitchell
     
  3. B-26 Maurader
     
  4. B-29 Superfortress
     
  5. B-36 Peacemaker
     
  
  
• Transports
  
  
  
  1. C-46
     
  2. C-47
     
  3. C-130
     
  4. C-5
     
  5. C-17
     
  
  

Creator...........: David Rupp
Created On........: 24 December 2009
Last Modified By..: David Rupp
Last Modified On..: 5 January 2010
 

The code:





In the first DIV tag the align=”center” element was not being recognized. In the previous post, I thought that the header tag align element was being overridden either by Blogspot or the blog template while the DIV tag’s use of align was unaffected. Now I discover a new twist. I removed the double quotes around the align value (center), and by golly the dang thing works. From what I have read so far, this does not seem to be proper HTML behavior; center as an element value must have either single or double quotes. Having just written that, I tried the single quotes, and it worked! Then I reverted back to the double quotes, and it worked!?!? Interesting behavior.

The local reference (href=”#aaa”) works quite nicely. Since each post is a separate HTML file, managing label names to avoid collisions should be easy. The ordered and unordered lists also behave nicely, even with nesting. The COMPACT element does have any effect in IE8, but then it is deprecated now and I shouldn’t be using it.

Finally, I left most of the structure in the code which produced a fair number of blank lines, but it is not unbearable.

Blocks of Text

Lesson Six, Chapter One in Cearley’s Book

In Which the DIV, BLOCKQUOTE, PRE, and ADDRESS Tags are Used

The Battle of Marathon

By David Rupp

Events Leading Up To the Battle
(An Excerpt)

Relying on the advice of Hippias, the former Athenian tyrant who accompanied the expeditionary force, the Persians sailed from Eretria and landed near Marathon in part because it was one of the most convenient debarkation points for cavalry[1]. Liddell Hart points out the brilliance of this move from a strategic point of view.

Thereby they could calculate on drawing the Athenian army towards them, thus facilitating the seizure of power in Athens by their [the Persian’s] adherents, whereas a direct attack on the city would have hampered such a rising, perhaps even have rallied its forces against them; and in any case have given them the extra difficulty of a siege.[2]

Herodotus cites the report that the Alcmaeonidae were plotting to surrender Athens to the Persians, but does not believe it. He does allow that a signal was made to the Persians indicating Athens would submit. Rawlinson is not convinced by Herodotus’ defense of the Alcmaeonidae.[3] Having drawn the Athenian army into the open, Liddell Hart postulates Datis then planned to fix the Athenians with a covering force, re-embark the remainder of the army and sail around to Phalerum and thus either walk into Athens unopposed or at least meet with only token resistance.[4]

Col 1 Col 2 Col 3 Col 4 Col 5 Col 6 Col 7 Col 8 Col 9
---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ----------
Row 1: DIV
Row 2:
Row 3:
Row 4:
Row 5:

        Col 1      Col 2      Col 3      Col 4     
        ---------- ---------- ---------- ----------
Row 1:  PRE
Row 2:
Row 3:
Row 4:
Row 5:

[1] Herodotus, The Persian Wars. Trans. by George Rawlinson, New York, 1942, VI:102, p. 474.
[2] B. H. Liddell Hart. Strategy. New York, 1967, page 27.
[3] Herodotus, VI:121-4, pp. 483-4 and note 28.
[4] Liddell Hart, p. 27-28.

The code, with the text elided:

The first two lines of this post should be centered. It appears that Blogger, or the blog template, overrides or ignores ALIGN elements unless used in the context of a DIV tag (see third, fourth, and fifth lines of this post). The red author text (line four) is probably driven by the blog template.

Headers and Paragraphs

To learn some of the fundamentals of HTML, I've started working through Kent Cearley's book HTML 4, published back in the earlier days of the Internet at the end of the last millennium. The book has been occupying the bookshelf since then, having been purchased at a time when it appeared I would be doing some web programming. That didn't happen; requirements analysis and business process re-engineering happened instead.

As this is a blog and not a purpose-built web site, I will also learn what HTML tags work in the context of Blogspot and what the idiosyncrasies are, such as the interpretation of structured (human-readable) code discovered in the previous post.

On to the first exercise, or more precisely, the fifth lesson in chapter 1. The blog template dictates how the headers (h1 - h3) display, but they do work, as does the paragraph tag.

[h1] The Sonata Form

[P] There are many variants on the structure of the sonata form. This example is just that, an example.

[h2] Exposition

[h3] First Subject

[P] The keyboard sonata of the classical era typically has the principle thematic material stated in the tonic key.

[P] The mood of the first subject is often motivic and forceful in nature.

[h3] Transition

[h3] Second Subject

[h3] Coda

[h2] Development

[h3] Dominant Key

[h3] Supertonic Key

[h3] Subdominant Minor Key

[h3] Subdominant Major Key

[h3] Supertonic Minor Key

[h3] Supertonic Major Key

[h3] Dominant Key

[h2] Recapitulation

The code, in a human-friendly form, is in the image below. I present it as an image so that it is not interpreted as code.