links page Mick's Dinky Di Ridgy Didge Web Site and HTML Guide? Return to Resources here

HOME ~ RESOURCE KIT ~ WEBMASTER'S ZONE ~ JAVASCRIPT ~ DESIGN TIPS

links page Resources

Content-based text style Tags
  • <CITE> TAG </CITE>
    Enclosed text is a citation, usually displayed in italics
  • <EM> TAG </EM>
    The enclosed text is displayed with emphasis
  • <STRONG> TAG </STRONG>
    Text is displayed with a stronger emphasis
  • <KBD> TAG </KBD>
    This text is displayed with a keyboard style
  • <CODE> TAG </CODE>
    Enclosed text is displayed in computer code format
  • <DFN> TAG </DFN>
    Enclosed text is displayed as a definition style
  • <VAR> TAG </VAR>
    The enclosed text appears as programming code would delimit variable names
  • <SAMP> TAG </SAMP>
    used to mark sample text

    Physical text style Tags (I, TT and B tags)

  • <TT> TAG </TT>
    For text in a typewriter style mono-spaced format
  • <I> TAG </I>
    For text that is italicised
  • <B> TAG </B>
    For bold text

    Special characters
    Since certain characters like pointy brackets have specific meaning in HTML there are alternative ways to show such symbols.

    These symbols are represented by character entities and begin with an ampersand (&).
    The most frequently needed entities are the:

  • greater than symbol (>) &gt;
  • less than (<) &lt;
  • ampersand (&) &amp;

    Get more examples on the Character Entity Page

    Text formatting Tags (P, BR and DIV tags)
  • <P>
    Begins a new paragraph (leaves a blank line). NOTE-Repeated, consecutive P tags are generally ignored and treated as one line break.
  • <BR>
    Begins text on a new line. This tag requires no end tag.
  • <DIV>
    This tag also creates a new line.

    Headings (H tags)
    Heading tags may be in six styles being <H1>, <H2>, <H3>, <H4> , <H5> and <H6>.
    They require the matching end tags </H1> etc.
    The heading itself goes in between the tags. There will be some space between a heading and any text that follows, which makes it stand out. One can see this effect on this page layout. Examples of headings

    Horizontal rules (HR tags)
    <HR>
    This tag creates a line across the page and may divide sections or add variation to the basic appearance of a web page. It can also be assigned values to change its appearance. More examples?

    Preformatted text (PRE tag)
    <PRE> and </PRE> 
    These tags display the text as it actually looks with 
                all returns and spaces 
        in a monospace typeface (like this) which can look dull.
          It has use in producing a table or 
           form that is not affected 
              by resizing of a browser window.

    Hyperlink names (A tags)
    These allow links to be made directly to a specific position on the same page or another.
    The way to use this is to refer to the place you want the link to lead with the code:
    <A NAME="oranges"> oranges </A>

    Place this code at the place in the text that is required. It will not alter the text itself, or how it looks.
    The next step is to put a reference to this place (or target) elsewhere.
    To do this you use the following code:
    <A HREF="#oranges">oranges</A>

    If the reference is on another page you use the following format:
    <A HREF="http://www.fruit.com/fruit.htm#oranges">oranges;</A>

    If the reference is on a page in the same directory, as with this site, the reference may be written simply as:
    <A HREF="fruit.htm#oranges">oranges;</A>
    or
    <A HREF="fruit.htm#oranges">oranges;</A>

    More hyperlink examples?

    Below is an example of this, my basic web introduction page that explains many of these features with examples:
    My quick introduction to web pages

    HOME ~ RESOURCE KIT ~ WEBMASTER'S ZONE ~ JAVASCRIPT ~ DESIGN TIPS

    You can reach me by e-mail at: [email protected]

    Hosted by www.Geocities.ws

    1