weballey logo
left HTML - text backnext right
homesearchsite mape-mail
basic page
< text >
text color
quick recap
tag overview
      Most web pages have at least some text on them. Sometimes only text and few times only graphic elements. Text is the easiest element on a web page. The text you want to show up on your web page can be simply put between the two BODY tags. Just add it to the basic page you made earlier.

    You could fill up the page with regular text. But that would look quite boring. You can make parts of the text stand out. Or put a header above a piece of text. You can change text anyway you like, much like in a normal word processor. Larger, smaller, bold, italic, colored, almost anything is possible. You can make the text bold wit the B tag.

<B>some bold text</B>

some bold text

    Text can be made italic with the I tag. Only use this on relatively large type faces. Small text sizes can get very ugly in italic. Only high resolution computer screens will render the italics in an acceptable way.
<I>some italic text</I>

some italic text

    You could underline the text with the U tag. Be very carefull however, it will look like a link while it is not. Can be very confusing and - even worse - very annoying if used extensively.

some underlined text

These tags can be easily combined.
<B><I><U>some bold italic underlined text</U></I></B>

some bold italic underlined text

    Page or paragraph headers can be made with header tags. There are six sizes, denoted with an H followed by a number. The number determining the size from 1 (largest) to 6 (smallest). Header tags automatically have line breaks before and after. NOTE: Header tags have nothing in common with the HEAD tag.
<H1>H1 Enormous</H1>
<H2>H2 Big</H2>
<H3>H3 Normal</H3>
<H4>H4 Small</H4>
<H5>H5 Smaller</H5>
<H6>H6 Tiny</H6>

H1 Enormous

H2 Big

H3 Normal

H4 Small

H5 Smaller
H6 Tiny
    Only H1 through H3 are used, the rest has no real use, they are just too small. Be sparse with these headers. They are the equivalent of stressing or screaming in spoken language. A non obtrusive header can simply be made by making a header bold faced using the B tag, followed by a line break (BR).
left Copyright © Gerben Hoekstra - All rights reserved backnext right