(html)

Start Lesson 6 . ODDs and ENDS of HTML

HINTS :
Upper/lower case makes no difference in tags.
But, upper/lower case file names, etc. are considered different in UNIX ; Use all lower case.
Multiple spaces are deleted in content text. Not allowed in tags.
Tags must be properly nested : first opened, last closed.
<i><b> RIGHT</b></i>   <i><b>wrong</i></b>
I will sometimes indicate nesting levels of the same tag with <UL><Ul><lU><ul>.
ATTRIBUTES :
More common attributes include:
size= , width=number of pixels or as "90%" in quotes , height= , align=
HTML knows what the default units are, if you change the defaults are for each tag, but if you use more than one word, use %, etc, then you must use quote marks. Quote marks can always be used and is not a bad idea to get in the habit for all attributes.

HREF
HEAD - - META TAGS :
<META HTTP-EQUIV="refresh" CONTENT="9; URL=http://ogden.basic-english.org/basiceng.html">
says to refresh this page in 9 seconds and bring page from new URL to my screen.
Useful if you reorganize your web site, so that your old readers can still get you your new website with the old address. Not intended to be permanent. In the old web page tell people you have moved and ask them to note the new page address. This is particularly important if you change Internet Service Providers which will go away when your subscription expires.
<META HTTP-EQUIV="refresh" CONTENT="9; URL=file://c:/web/ogden/basiceng.html">
This is the same idea, but is useful for testing on your own PC.
FONTS :
Every HTML programmer must know about the fun fonts.

STYLE and CSS

The HTML editors go crazy with STYLE features. One useful feature is called CLASS and is indicated by a preceding dot/period in the style, but no dot is needed when using it on the tag. <STYLE> .red {color:red}
    .sc {font-variant:small-caps; font-size:8pt} </STYLE>
Examples : Usage:
CLASS= is the way to call the STYLE / CSS style element.
Only used with tags that have an ending tag.
Shorter to write than : <i><font color=red>colorful italic</font></i>
Expanded features of SCRIPT are made available to common tags.
Put the style into CSS and the CLASS= feature is always available.
CSS.
Now lets update our mystyle.css file to format your web pages.
FRAMES :
Do not use them.
FORMS :
Forms are used to have readers send data to your PC. Not needed for displaying your text.
A fun tag is BUTTON. It forms a rounded box around a word(s).
This is . It is intended for use with FORMS.
DIV, SPAN : are tags mostly used to establish the range of STYLE effects.
DIV is used to enclose multiple tags. A DIV might separate the fixed part of a page and the content of a page, each of which might use different fonts, colors, etc. <DIV align=center> . . . <DIV>
SPAN is used within a tag. Of course, tags can be used within tags.
MISCELLANEOUS :
A full screen monitor is typically 600 pixels wide.
Screens are often off-center so use a margin, never the whole 600 pixels or the user will have to move left or right.
TEMPLATE :
Now lets update our template for writing web pages.
Then you may Copy the template and imply add your content.
Next Steps :
You have now mastered Basic HTML.
Buy a book of intermendiate or advanced Web programming and you will understand it. Continue on other features of interest of HTML tags that you already have used.
There are online sources
"Learning Web Programming. -- here is a suggested list by Darrell King .
I'd recommend hand coding XHTML and CSS, with PHP as your scripting language and MySQL handling your databases.
Back to Lesson Menu