Tag Soup? Using standard HTML tags (HTML is a markup language, so without tags there's no markup) should make the page easily readable by humans even within the code. Here is a boring exerpt from one of my pages:

<h1>Writing Your Constitution</h1>

<h2 class="header" id="headings">Constitution Headings (also known as Clauses)</h2>
<p>Below are the headings which appear in most constitutions, with an explanation of what information usually comes under each one. This is only a guide though - only you will know whether it would need to be changed a bit for your individual organisation or group.</p>

<h3 class="sub1less">Name of the organisation</h3>

<p>A straightforward one to begin - just the full name of your organisation or group. It is worth mentioning here though that if your group would like to apply for charitable status in the future, then you should check the Office of the Scottish Charity Regulator's (OSCR) website (www.oscr.org.uk) to make sure that the name you plan to use has not already been taken by another charity.</p>

<h3 class="sub1less">Aims and/or Objectives</h3>

<p>This clause might also seem fairly straightforward, but it is worth taking a bit of time to talk it through. You might have a definite idea of what your organisation or group wants to do now, but could the aims change with time? Once your constitution has been formerly accepted by the membership of the group, it will take more work to try to change it. It is better to take time at the beginning to decide on the aim or aims of the group, both for now and in the future.</p>

<p>If your group is interested in applying for Charitable Status, then you'll need to read OCSR's booklet, "Meeting the Charity Test" which includes a full list of Charitable Purposes under the Charities and Trustees Investment (Scotland) Act 2005.</p>

<h3 class="sub1less">Powers</h3>

<p>This section deals with the specific functions related to the group such as providing services or activities to further the aims and objectives. The Powers clause can also outline the group's ability to:</p>

<ul>
<li>Raise funds</li>
<li>Employ staff</li>
<li>Lease/hire or purchase property</li>
<li>Take out insurance</li>
<li>Liaise with other organisations</li>
</ul>

---

To me, the above seems fairly readable and illustrates the main heading <h1> at the top, with sections at a secondary level <h2> and within that, sub headings at level 3 <h3> Paragraphs are all <p> and I even included a dreaded bulleted list. The formatting of the page is all done from the external style sheet, with a body font size of 90% (so it can be scaled by browsers easily). Remember that some web pages have been around before IE8 and the latest FF arrived.

----

Here's 4 paras from Gary's explanation of the Toolbar:

<div style="">
<div class="tl" style="left: 0px; top: 197px;"><span style=" font-weight: bold;">The Website Toolbar</span>*There are 7 website-specific buttons at the top of the screen on the </div>
<div class="tl" style="left: 0px; top: 211px;">Infobar:</div>
</div>
<div style="">
</div>
<div style="">
<div class="tl" style="left: 0px; top: 239px;"><span style=" font-weight: bold;">1. Export & Preview Website</span>*This button publishes the website to your computer and opens </div>
<div class="tl" style="left: 0px; top: 252px;">a browser preview window in which you can preview your site.</div>
</div>
<div style="">
</div>
<div style="">
<div class="tl" style="left: 0px; top: 280px;"><span style=" font-weight: bold;">2. Export Website</span>*This button creates all the files and folders needed to publish your </div>
<div class="tl" style="left: 0px; top: 294px;">website to your website host. You do this step just before you publish your website to your </div>
<div class="tl" style="left: 0px; top: 308px;">web host’s servers.</div>
</div>
<div style="">
</div>
<div style="">
<div class="tl" style="left: 0px; top: 336px;"><span id="Link" style=" font-weight: bold;">3. Link</span>*This button opens the <span style=" font-weight: bold;">Website Properties</span>*menu but to the <span style=" font-weight: bold;">Links</span>*tabbed section. </div>
<div class="tl" style="left: 0px; top: 350px;">From the Links tabbed section you can add a variety of links both internal and external. You </div>
<div class="tl" style="left: 0px; top: 364px;">can link to a page on your website, an external website, a web image, an anchor, or a popup </div>
<div class="tl" style="left: 0px; top: 378px;">object. A picture is worth a thousand words. Click these links to see what they do.</div>
</div>
<div style="">
</div>
<div style="">

---

Yes you can find the text relatively easily but sentences and paras are broken at odd points and there is nothing to denote the structure.

More in next post.