Master Class Preparation - Lists, forms and anchors
Lists
- There are three kind of lists: bulleted, numbered and definition. This page demonstrates all three of them.
- The first two - bulleted and numbered - look much alike. This whole chapter on lists uses a numbered list for organizing its paragraphs. Click the button containing the numbers. You'll get several tags. The OL tags indicate the start and end of the list. The LI tags indicates a separate list item. If you prefer a bulleted list simply click the button with the bullets, right next to the numbered list button. Instead of the OL tags you will get UL tags.
- The definition list is demonstrated in the chapter on forms. It is meant to be used for definitions and its descriptions. Click the book and questionmark button. You will get three kinds of tags. The DL tags indicate the start and end of the list. The DT tag announces the definition and the DD tag its description.
- A tip: You can add list tags to an existing list by placing each item on its own line, selecing the whole as block and then clicking the list button. Each line will be interpreted as a list item. Make sure not to include empty lines in the selected block.
Forms are simple as long as you remember to place all form elements between the form tags. Take a look at the source of this document. I removed the action attribute of the form tag. Except for that this document is a working form.
By the way, also notice the promised demonstration of definition lists.
One finishing remark: Nothing is harder than trying to make forms look good on all browsers. They all have their own way of interpreting the size attributes...
Anchors
- Anchors allow you to make links to a specific position in a document. Select a small piece of text that you want to use for the anchor, ie a heading or title and click the target or name button. This is how an anchor will look: <A name="Forms">Forms</A>.
- To make a link to this anchor, use the # sign and append the name. Ie, <A href="#Forms">Forms</A> or for real Forms. If the anchor is on another page, simply prefix it with the normal address, like <A href="man_form.html#Forms">Forms</A>
- Anansi 1.1 may make linking to anchors a little easier. By the way, this chapter demonstrated a bulleted list.
Next: More about stylesheets
Return to the index