Further Features


Now that's what I call alliteration !!


Jumping about on the page


This growing site lends itself superbly to the "#..." and <NAME> commands, which allows the user to click on a link at the top of the document that then takes him down to the relevant section.
Like this ...

A link to Meta Tags
A link to Images
A link to Text fonts
A link to Bulleting
A link to Sub and Super -scripting
A link to Floating Text
A link to Aligned Text
A link to Hyper-linked Buttons
A link to JavaScript
A link to Sound files
A link to theColour Chart

Where the double syntax would be used in this manner : 'A link to <A HREF="#Text">Text fonts</A>' would lie at the top of the document ... with <A NAME="Text">Text Fonts</A> at the point further down in the document that corresponds with the link ; using <A NAME="Text"></A> would direct the link to a point somewhere in the document - I used this for my Text Fonts link so that the <HR> Horizontal Rule would appear at the top of your browser !


Meta Tags
Meta Tags commands

Meta Tags are Tags that sit between the <TITLE> and <BODY> Tags and are a set of 'keywords' that force a Search Engine to pick up on ; naturally, you need to have registered with a Search Engine for it to successfully search for your web site !

using the Tags <META NAME="keywords" CONTENT="descriptive word,descriptive word,descriptive word,descriptive word">

and, <META NAME="desription" CONTENT="A paraphrased description of your website">

and, <META NAME="Generator" CONTENT="HTMLpad"> to confirm that HTML has been used.


Return to the Top

Images
Image commands

The <IMG SRC="image directory path"> command will show an image : please note the case sensitivity of the image path

For example,



Now that's what I call an image !!

And if you want to make the image link on to another page ...



... which, by clicking on the image, will take you to my snazzy building-site page !

Okay, so the code here was :
<A HREF="under_construction.html"><IMG SRC="red_catnap.JPG"></A>

Return to the Top


Text Fonts


Compatible Text Font chart
(er ... on some browser versions !!)

Arial
Helvetica
TypeWriter
Courier
Comic Sans MS
Sans-Serif
Verdana

Return to the Top

Text Enhancements

Extra bitz

Follow this link for some display trix that are available for text and links.

Bulleted menu lists

  • The <LI> command


    1. The <OL> command with <LI>, an ordered list, indented and numbered, in an orderly fashion !


  • The <MENU> command with <LI>
    •

    Return to the Top

    Sub and super -scripting

    Like this1 ...

    ... and like this2 ...

    1 ~ using this HTML, <sub> and </sub>
    2 ~ using this HTML, <sup> and </sup>

    Return to the Top
    Floating text

    Where the text drifts across the screen, using the <MARQUEE> command [IE only] ...

    text

    text, looping 3 times ; yes, the value can be "infinite"

    text, direction left

    text, direction right

    text, sliding to a stop(apparently !)

    text, scrolling past

    text, alternating back and forth

    ... and HEIGHT="n%" and WIDTH="n%" can be used to determine sizes

    SCROLLAMOUNT="n" determines the speed of the scrolling text !



    Return to the Top
    The Align Command

    <IMG or P ALIGN="top/middle/bottom or left/right"> ... for images and text respectively

    So, for example,

    text aligned against the upper half of the image

    text aligned against the middle of the image

    text aligned at the bottom of the image


    Left-aligned text, the default

    Right-aligned text, over here


    Added to this section can be the & nbsp ;(without the spaces !!) space command, which creates a one-character space in the text body ...

    ... which allows     you       to    do         this     !



    Return to the Top
    Hyper-linking Buttons

    And this code was :
    <FORM METHOD="LINK" ACTION="under_construction.html">
    <INPUT TYPE="submit" VALUE="Click Me !">
    </FORM>

    Return to the Top
    JavaScript

    JavaScript allows for some fun and interactivity on your web page, and is client-side : it does not need to run from your hosting server, rather it works in conjunction with conventional HTML.

    Follow this link to a few JavaScript examples

    Return to the Top
    Musical melodies

    Since I believe this only works in HTML on the whole page, and not just a specific location, click here if you have a sound card and speaker setup



    Return to the Top

    Colours


    Compatible colour chart

    WhiteRedOrangeYellowGreenBlueBrownVioletBlack
    WhiteRedOrangeYellowGreenBlueBrownVioletBlack
    AntiqueWhiteCrimsonDarkOrangeFuchsiaDarkGreenLightBlueBurlywoodPlumDarkGray
    WhiteSmokeDarkMagentaOrangeRedGoldenrodDarkOliveGreenMediumBlueChocolatePurpleDarkSlateGray
    FloralWhiteDarkRedFirebrickPaleGoldenrodDarkSeagreenAquaRosyBrownMediumPurpleDimGray
    BlanchedAlmondIndianRedDarkSalmonLightGoldenrodYellowForestGreenAquaMarineSaddleBrownBlueVioletGray
    GhostWhiteMagentaLightSalmonDarkGoldenrodLawnGreenMediumAquaMarineSandyBrownPaleVioletRedLightGray
    GainsboroMaroonSalmonGoldLightGreenDarkBlueSiennaMediumVioletRedLightSlateGray
    IvoryMistyRoseHoneyDewLightSeaGreenAliceBlueTanDarkVioletSlateGray
    OldLacePinkLightCoralMediumSeaGreenCadetBlueKhakiSilver
    LinenLightPinkLightYellowMediumSeaGreenChartreuseDarkKhaki
    SnowDeepPinkLemonChiffonSeaGreenCornflowerBlueTeal
    MintCreamHotPinkMoccasinSpringGreenDarkSlateBlue
    NavajoWhiteWheatOliveMediumSlateBlue
    SeashellPearlPuffOliveDrabMidnightBlue
    PapayaWhipCornsilkPaleGreenDodgerBlue
    PeruBeigeGreenYellowDeepSkyBlue
    BisqueLimeIndigo
    YellowGreenLimeGreenLavender
    ThistleLavenderBlush
    TurquoiseSkyBlue
    PaleTurquoiseLightSkyBlue
    MediumTurquoiseOrchid
    DarkTurquoiseMediumOrchid
    DarkOrchid
    SteelBlue
    LightSteelBlue
    SlateBlue
    Navy
    RoyalNavy
    Cyan
    PowderBlue
    Azure


    Return to the Top



    Return to the Atrium