Start Up Html Pages

Html Startup

Before starting on html code a quick reminder of windows short-cuts as you may well be cutting and pasting and swapping windows a lot,

Select all = Ctrl + A	Copy to clipboard = Ctrl + Insert
Swap Windows = Alt +Tab	Paste from clipboard = Up Arrow + Insert

    If your using wysiwyg web page creater/writer/composer then most of this page won't be important to you as the package will do all this for you but it may be of interest to you.
    What you see below is a typical page with just a heading and this text (yes it's this page) as seen as source code or if you viewed/edited the file using a text editor (which is all you really need to do html files). To simplify things lets stick to the basics:-
<HTML> tells yours system it's dealing with a html file a, you should also note that the last command is </HTML> from you should be able to work out looking at the rest of it that most commands are switched off with / command as in <TITLE>Start Up Html Pages</TITLE>

<HTML>
<HEAD>
   <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
   <META NAME="Author" CONTENT="nik">
   <META NAME="GENERATOR" CONTENT="Mozilla/4.05 [en] (Win16; I) [Netscape]">
   <TITLE>Start Up Html Pages</TITLE>
</HEAD>

<HEAD> this section down to </HEAD> contains info about the creator of the page, system used and page titles see also content for now the important one is <TITLE>Start Up Html Pages</TITLE> if you check the top line of your screen whatever is in <TITLE> will be displayed up there.
    The defaults for text size/alignment is 12 left justified so to change this you'd have to use <CENTER><FONT SIZE=+4>Html Startup</FONT></CENTER> which in this case is 2 sizes up and centre justified for my title.
    You may notice, reading the source code < this replaces < in displayed text otherwise the browser would think it was the start of a comand and not show < so in the source code shown at the bottom of each of these pages you will see < quite a lot.

<BODY> - This is where your displayed page starts
</BODY> - This the end of your displayed page

TEXT STYLES
<ADDRESS>Address</ADDRESS> - Address this affects everthing on the line

<B>bold text </B>instead of normal - bold text instead of normal
<H?> these affect everthing on the line
<H1>Heading 1</H1> - Heading 1

<H2>Heading 2</H2> - Heading 2

<H3>Heading 3</H3> - Heading 3

<H4>Heading 4</H4> Heading 4

<H5>Heading 5</H5> - Heading 5

<H6>Heading 6</H6>Heading 6
<I>italic</I> - italic
<U>underlined</U> - underlined

OTHER CODE
  - a single space, if you find a blank line vanishes between paragraphs or instead of seeing a blank cell in a table, it's because you must have a space.

< - < lessthan

> - > greater than

& - & ampersand

© - © copyright

® - ® registered

<BLOCKQUOTE> </BLOCKQUOTE> - you'll notice I use this alot all it does is to Indent the text/images so you get a nice gap either side of the screen. ( well I like it)

<BR> Line Break

<P> - Begin new paragraph </P> - End new paragraph (optional)

<HR SIZE=5 WIDTH="100%"> - horizontal line see below, size = height, width is % of screen

ALIGNMENT of text or images Right <DIV ALIGN=right> or Centre <CENTER> as left is the default it doesn't have a command <CENTER><FONT SIZE=+1>-standard centre justified</FONT></CENTER> - standard centre justified

<DIV ALIGN=right><FONT SIZE=+1>- standard right justified</FONT></DIV> - standard right justified

<FONT SIZE=+1>- standard left justified</FONT> - standard left justified, just font commands

One finally note on this page, change the size of your screen occasionally and see what your pages look like as whatever your screen is set at, someone else will use a different size, having used a few PCs with 1024 x 768 screen ouput and I use 800 x 600 at home but others use 640 x 400 so remember it will look different on each, especailly if break the text into lines so might find on a different screen each line becomes 1 line followed by an odd word or so. I try to stick with paragraphs and let it sort itself out. Source Code <HTML>
<HEAD>
   <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
   <META NAME="Author" CONTENT="nik">
   <META NAME="GENERATOR" CONTENT="Mozilla/4.05 [en] (Win16; I) [Netscape]">
   <TITLE>Start Up Html Pages</TITLE>
</HEAD>
<BODY TEXT="#000000" BGCOLOR="#FFFFCC" LINK="#0000EE" VLINK="#551A8B" ALINK="#FF0000">
<H6>
<SCRIPT language=javascript>document.writeln(" last updated " + document.lastModified);</SCRIPT>
</H6>
<CENTER><FONT SIZE=+4>Html Startup</FONT></CENTER>
<BLOCKQUOTE><FONT SIZE=+1>     Before starting on html
code a quick reminder of windows short-cuts as you may well be cutting
and pasting and swapping windows a lot,</FONT></BLOCKQUOTE>
 
<CENTER><TABLE BORDER=0 CELLSPACING=10 COLS=2 WIDTH="90%" >
<TR>
<TD>
<CENTER><FONT SIZE=+1>Select all = Ctrl + A </FONT></CENTER>
</TD>
<TD>
<CENTER><FONT SIZE=+1>Copy to clipboard = Ctrl + Insert </FONT></CENTER>
</TD>
</TR>
<TR>
<TD>
<CENTER><FONT SIZE=+1>Swap Windows = Alt +Tab</FONT></CENTER>
</TD>
<TD>
<CENTER><FONT SIZE=+1>Paste from clipboard = Up Arrow + Insert</FONT></CENTER>
</TD>
</TR>
</TABLE></CENTER>
 
<BLOCKQUOTE><FONT SIZE=+1>    If your using wysiwyg web
page creater/writer/composer then most of this page won't be important
to you as the package will do all this for you but it may be of interest
to you.</FONT>
<P><FONT SIZE=+1>    What you see below is a typical page
with just a heading and this text (yes it's this page) as seen as source
code or if you viewed/edited the file using a text editor (which is all
you really need to do html files). To simplify things lets stick to the
basics:-</FONT>
<BR><HTML> <FONT SIZE=+1>tells yours system it's dealing with a html
file a, you should also note that the last command is </FONT></HTML><FONT SIZE=+1>
from you should be able to work out looking at the rest of it that most
commands are switched off with / command as in </FONT><TITLE>Start Up
Html Pages</TITLE>
<BR> 
<BR><HTML>
<BR><HEAD>
<BR>   <META HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=iso-8859-1">
<BR>   <META NAME="Author" CONTENT="nik">
<BR>   <META NAME="GENERATOR" CONTENT="Mozilla/4.05 [en] (Win16;
I) [Netscape]">
<BR>   <TITLE>Start Up Html Pages</TITLE>
<BR></HEAD>
<BR> 
<BR><HEAD> <FONT SIZE=+1>this section down to </FONT></HEAD> <FONT SIZE=+1>contains
info about the creator of the page, system used and page titles</FONT>
<FONT SIZE=+1>see also <A HREF="content.htm">content</A> for now the important
one is </FONT><TITLE>Start Up Html Pages</TITLE> <FONT SIZE=+1>if
you check the top line of your screen whatever is in </FONT><TITLE><FONT SIZE=+1>
will be displayed up there.</FONT>
<BR><FONT SIZE=+1>    The defaults for text size/alignment
is 12 left justified so to change this you'd have to use </FONT><CENTER><FONT
SIZE=+4>Html Startup</FONT></CENTER> <FONT SIZE=+1>which in this
case is 2 sizes up and centre justified for my title.</FONT>
<BR>    <FONT SIZE=+1>You may notice, reading the source
code  </FONT>&lt; <FONT SIZE=+1> this replaces < in displayed
text otherwise the browser would think it was the start of a comand and
not show < so in the source code shown at the bottom of each of these
pages you will see &lt; quite a lot.</FONT>
<BR> 
<BR><FONT SIZE=+1><BODY> - This is where your displayed page starts</FONT>
<BR><FONT SIZE=+1></BODY> - This the end of your displayed page</FONT>
<BR><FONT SIZE=+1> </FONT>
<CENTER><FONT SIZE=+2>TEXT STYLES</FONT></CENTER>
<CENTER> </CENTER>
<ADDRESS>
<ADDRESS>Address</ADDRESS> - Address this affects everthing on the
line</ADDRESS>

<P><B>bold text </B>instead of normal<FONT SIZE=+1> - <B>bold text
</B>instead of normal</FONT>
<P><H?> <FONT SIZE=+1> these affect everthing on the line</FONT>
<H1>
<H1>Heading 1</H1> - Heading 1</H1>
<H2>
<H2>Heading 2</H2> - Heading 2</H2>
<H3>
<H3>Heading 3</H3> - Heading 3</H3>
<H4>
<H4>Heading 4</H4> Heading 4</H4>
<H5>
<H5>Heading 5</H5> - Heading 5</H5>
<H6>
<H6>Heading 6</H6>Heading 6</H6>
<I>italic</I> <FONT SIZE=+1>- <I>italic</I></FONT>
<P><U>underlined</U> <FONT SIZE=+1>- <U>underlined</U></FONT>
<BR> 
<CENTER><FONT SIZE=+2>OTHER CODE</FONT></CENTER>
 
<BR>&nbsp;<FONT SIZE=+1> - a single space, if you find a blank line
vanishes between paragraphs or instead of seeing a blank cell in a table,
it's because you must have a space.</FONT>
<BR> 
<BR>&lt; - <FONT SIZE=+1>< lessthan</FONT>
<BR> 
<BR>&gt; <FONT SIZE=+1>- > greater than</FONT>
<BR> 
<BR>&amp; <FONT SIZE=+1>- & ampersand</FONT>
<BR> 
<BR>&copy; <FONT SIZE=+1>- © copyright</FONT>
<BR> 
<BR>&reg; <FONT SIZE=+1>- ® registered</FONT>
<BR><FONT SIZE=+1> </FONT>
<BR> <BLOCKQUOTE> </BLOCKQUOTE> <FONT SIZE=+1>- you'll notice
I use this alot all it does is to Indent the text/images so you get a nice
gap either side of the screen. ( well I like it)</FONT>
<BR> 
<BR><BR> <FONT SIZE=+1>Line Break</FONT>
<BR> 
<BR><P><FONT SIZE=+1> - Begin new paragraph</FONT>  </P><FONT SIZE=+1>
- End new paragraph (optional)</FONT>
<BR> 
<BR><HR SIZE=5 WIDTH="100%"><FONT SIZE=+1> - horizontal line see below,
size = height, width is % of screen</FONT></BLOCKQUOTE>
<FONT SIZE=+1> </FONT> 
<HR SIZE=5 WIDTH="100%">
<BLOCKQUOTE> 
<CENTER><FONT SIZE=+1>ALIGNMENT of text or images</FONT></CENTER>
<CENTER><FONT SIZE=+1> </FONT></CENTER>
<CENTER><FONT SIZE=+1>Right </FONT><DIV ALIGN=right> <FONT SIZE=+1>or
Centre </FONT><CENTER> <FONT SIZE=+1>as left is the default it doesn't
have a command</FONT></CENTER>
<CENTER><FONT SIZE=+1> </FONT></CENTER>
<CENTER><CENTER><FONT SIZE=+1>-standard centre justified</FONT></CENTER>
<FONT SIZE=+1>- standard centre justified</FONT></CENTER>
</BLOCKQUOTE>
<DIV ALIGN=right><DIV ALIGN=right><FONT SIZE=+1>- standard right
justified</FONT></DIV> <FONT SIZE=+1>- standard right justified</FONT></DIV>
 
<BR><FONT SIZE=+1>- standard left justified</FONT> <FONT SIZE=+1>-
standard left justified, just font commands</FONT>
<BLOCKQUOTE>
<CENTER> <FONT SIZE=+1>One finally note on this page, change the size
of your screen occasionally and see what your pages look like as whatever
your screen is set at, someone else will use a different size, having used
a few PCs with 1024 x 768 screen ouput and I use 800 x 600 at home but
others use 640 x 400 so remember it will look different on each, especailly
if break the text into lines so might find on a different screen each line
becomes 1 line followed by an odd word or so. I try to stick with paragraphs
and let it sort itself out.</FONT></CENTER>
<CENTER> </CENTER>
<CENTER><A HREF="../index.htm"><IMG SRC="../but_home.gif" ALT="Back to Omni-Web Page" BORDER=0 HEIGHT=32 WIDTH=128></A><A HREF="index.htm"><IMG SRC="../but_htm.gif" ALT="Back to Omni-Web Page" BORDER=0 HEIGHT=32 WIDTH=128></A> </CENTER>
<CENTER><FONT SIZE=+2> </FONT></CENTER>
<CENTER><FONT SIZE=+2>Source Code</FONT></CENTER>
 </BLOCKQUOTE>
</BODY>
</HTML>