[Top]
More advice for the full screen mode.
   
Sivut toimivat riittävän hyvin MS IE 4.0+, Opera 5.x+, Netscape 6.0+/ vast. Mozilla ja Konqueror 3.x selaimilla. Yleisesti ottaen sivut toimivat parhaiten uusimmilla Opera selaimilla. Sivujen toimivuus vanhemmissa selaimissa on heikko, erityisesti Netscape 4.x kohdalla.

I list below all topic groups, which I have done according to subjects, which they handle. You can return to this topic group by using this menu and the link Table of topic groups on the top of the each page.
 
 
Search:
[Help]

The document tree

Elements create to the document the document tree. The document has one root element, which in HTML-documents is just HTML (in XML document the root element can be different). Inside the root element is the invisible part of the document, which have as the main element the element HEAD.

In this case the metaphor is the human (or Animal) body. All of us have a head. Some elements has also a foot-part (like TFOOT = the (optional) foot-part (footer) of the table). Note that in metaphors the document is looked from bottom to top or direct from the front.

Elements inside the element HEAD contain for example some hidden information and possible parts of programming code, which affects some way in the document body. The element TITLE is the only visible element inside the element HEAD. The title of the document can be seen in the document window.

The main part of the document is inside of the element BODY. Elements in the document body, which have both start- and end-tags can create complex nested structures. They are like "branches" of the document tree (now you must think about the body as the stem of the tree). At this way the tree symbolizes the essence of documents.

A tree

I give next an example of a document tree, which document body has some basic block elements. I have presented the tree also with indented codes, which you can see how elements are nested with each others:

 
HTML  - HEAD 

- META  (non-necessary (implied) element, which contain hidden information primary for search engines)
-TITLE (required element)

- BODY  - H1 (main header, which might have some inline-level font styles)
- P (first paragraph, which can include inline-level elements)
- P (second paragraph)
- BLOCKQUOTE (indented block level quotation, which can include other block-level or inline-level elements (B etc.)
- OL (an ordered list, which is a special sub-class of block elements)
- LI (an individual list element)
- LI (an another list-element; list elements can have many level of sub-lists)
 
<HTML>
   <HEAD>
      <META>
      <TITLE></TITLE>
   </HEAD>

   <BODY> 
         <H1></H1>
         <P></P>
         <P></P>
         <BLOCKQUOTE></BLOCKQUOTE>
         <OL>
            <LI></LI>
            <LI></LI>
         </OL>
   </BODY>
</HTML>

There is also a model page of this document tree:[M][S][Pw].

W3C: CSS2: 3 Conformance: Requirements and Recommendations[Pw].

[Top]