HTML START UP

Html Start-up
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.
Screen grabbing from the PC in Windows (not dos)
Hold down the [Ctrl] key and then hit the [Print Screen] key (for a complete screen)
or
Hold down the [Alt] key and then hit the [Print Screen] key (active window only)

Text or Selectable Image grabbing
Highlight Data and then
hold down the [Ctrl] key and then hit the [Insert] key,
or
Click Edit then Copy
or
Click Copy Icon.
For Data read text or Image or both

Highlighting Data
Get the cursor over the start or end of text and then keeping your finger on the select mouse button drag it until you have highlighted all you want
or instead of the mouse press the shift key and the cursor keys to select
To select all hit Ctrl and 'A' or go up to Edit and click Select All.
To select 1 Word go to either end of the word and double click.
To select 1 Line go to the left of the line and double click.

Copying Data
After Highlighting the Data press the Ctrl key and then get your cursor over the highlighted Data (a little hand should appear) and press the select button, only release this when your at your destination. As you drag this away the hand will change to a document with a plus sign, if the plus sign is not there then you are moving the data not copying it.
or
after grabbing the Data go to the destination with the flashing screen cursor and
hit shift and insert.
or
Click the Paste icon
or
Click Edit and then Paste.

Moving Data
Get your cursor over the highlighted Data (a little hand should appear) and press the select button, only release this when your at your destination.
or
Highlight the Data you want to move and then either click the Cut icon or Edit then Cut, then move the screen cursor to the new destination and either click the Paste icon or Edit then Paste.

Deleting Data
Highlight the Data you want to Delete and then either
click the Cut icon
or
Edit then Cut
or
Edit then Delete
or
hit Delete key
Short Cut Keys

Command
Keys

Select all
Ctrl + A

Copy selected
Ctrl + C

Copy to clipboard
Ctrl + Insert

Cut
Ctrl + X

Paste
Ctrl + V

Paste from clipboard
Up Arrow + Insert

Capture Active Window
Alt + PrtScn (Print Screen Button)

Capture Screen
Ctrl + PrtScn (Print Screen Button)

Swap Active App
Alt + Tab

Cycle thro Open Apps
Ctrl + Tab

Close Windows
Alt + F4

Closes App
Ctrl + F4

View Source Code
Ctrl + U

 If you're 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, as, if you get problems you can look at the source code (right button on most Browsers or "view" then "source code" or "Ctrl+U") and see where it's gone wrong.
 What you see below are some typical lines of text as seen as source code or as it is 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:-
The first line is should be one of these

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
which is code for HTML 4.0 Strict
Use this when you want really clean markup, free of presentational clutter. Use this together with Cascading Style Sheets.
The one I use most is

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
HTML 4.0 Transitional
Use this when you need to take advantage of HTML's presentational features because many of your readers don't have the latest browsers that understand Cascading Style Sheets.
And Finally

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
HTML 4.0 Frameset
Use this when you want to use HTML Frames to partition the browser window into two or more frames.
Content providers can use this service to validate their Web pages against the HTML 4.0 Recommendation, thereby ensuring the maximum possible audience for their Web pages. In addition, it can be used to check conformance against previous versions of HTML, including the W3C Recommendation for HTML 3.2 and the IETF HTML 2.0 standard.

But if you put nothing it will still work.

<HTML> This tells your system it's dealing with a html file, you should also note that the last command is </HTML> from this you should be able to work out that most commands are switched off with / command as in <TITLE>Start Up Html Pages</TITLE>
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<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.8 [en] (Windows NT 5.0; U) [Netscape]">
<meta name="Description" content="Html source codes for simple folk like myself">
<meta name="KeyWords" content="html, java, script, meta, simple">
<link rel="shortcut icon" href="favicon.ico">
<title>Start Up Html Pages</title>
</head>
<body text="#000000" bgcolor="#FFFFCC" link="#0000EE" vlink="#551A8B" alink="#FF0000">

<HEAD> this section down to </HEAD> contains info about the creator of the page, system used and page title, 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 inbetween <TITLE> and </TITLE> will be displayed up there.
Meta names are basically boxes and the content is what you're storing there.
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> this is the character set you have available for you to use.
Meta Names
"Author" that's you

"GENERATOR" that the html editor you're using.
"Description" what your site is about
"KeyWords" Words that have a connection with your site
see Contents and Keywords
<link rel="shortcut icon" href="favicon.ico"> if you create an icon 64x64, 48x48, 32x32 or 16x16 and convert it to a favicon.ico you can display it in the page tab of your browser. Check out favicon.ico on the internet there are loads of sites that will convert your image to a favicon.ico. You can also create an animated favicon.ico. (see http://www.favicon.cc/ you can import yours or draw a new one from scratch)
The defaults for text size/alignment is 0 or 12 point, left justified. So to change this you'd have to use
<CENTER>Html Startup</CENTER>
which in this case is 3 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 is where your displayed page ends
<body text="#000000" bgcolor="#FFFFCC" link="#0000EE" vlink="#551A8B" alink="#FF0000">
Body - starts the Display area
text="#000000" - this is the default text colour
If you change this because you have background picture/image be sure to change the back ground colour so that if the image doesn't load viewers can still read the text.
bgcolor="#FFFFCC" - this is the back ground colour
link="#0000EE" - the colour for any unused link.
vlink="#551A8B" - the colour for any link you've visited.
alink="#FF0000" - the colour for any link you've activated.
background="file:///C|/html/background.gif"- This allows you to put a picture in the background. Be careful this can make your site unreadable.
Audio Video Files
<BGSOUND SRC="music.mid" LOOP=2> by putting this command after <body> you can get a midi file to play in this case it will loop 2 times. This only works in IE.
<EMBED SRC="sound.wav"> you can add a .wav file like this and it should display sound controls (stop, play, and start). Seems to work with most Browsers but IE needed plugin.
<EMBED SRC=”movie.avi” > you can add a .avi file like this and it should display video controls (stop, play, and start). Seems to work with IE but most Browsers but needed plugin.
you can add HEIGHT=number of pixels WIDTH=number of pixels to determine the size it's show at.
<EMBED SRC=”movie.avi” AUTOSTART=TRUE> starts as soon as it dowloads

Source Code

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <meta name="GENERATOR" content="Mozilla/4.8 [en] (Windows NT 5.0; U) [Netscape]">
 <meta name="KeyWords" content="htm,html,web,www,internet,edit,start,meta,name">
 <meta name="Author" content="nik">
 <meta name="Description" content="What you need to know before you start writing web pages">
 <title>HTML START UP</title>
<link rel="shortcut icon" href="favicon.ico" >

</head>
<body text="#000000" bgcolor="#FFFF99" link="#0000EE" vlink="#551A8B" alink="#FF0000">

<blockquote>
<center>
<h1>
Html Start-up</h1></center>

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.

<h3>
Screen grabbing from the PC in Windows (not dos)</h3>

Hold down the [Ctrl] key and then hit the
[Print Screen] key (for a complete screen)
 or
 Hold down the [Alt] key and then hit the [Print Screen] key (active window only)
  
<h3>
Text or Selectable Image grabbing</h3>

Highlight Data and then
 hold down the [Ctrl] key and then hit the [Insert] key,
 or
 Click Edit then Copy
 or
 Click Copy Icon.
 For Data read text or Image or both
  
<h3>
Highlighting Data</h3>

Get the cursor over the start or end of text and then keeping your finger on the select mouse button drag it until you have highlighted all you want
 or instead of the mouse press the shift key and the cursor keys to select
 To select all hit Ctrl and 'A' or go up to Edit and click Select All.
 To select 1 Word go to either end of the word and double click.
 To select 1 Line go to the left of the line and double click.
  
<h3>
Copying Data</h3>

After Highlighting the Data press the Ctrl key and then get your cursor over the highlighted Data (a little hand should appear) and press the select button, only release this when your at your destination. As you drag this away the hand will change to a document with a plus sign, if the plus sign is not there then you are moving the data not copying it.
 or
 after grabbing the Data go to the destination with the flashing screen cursor and
 hit shift and insert.
 or
 Click the Paste icon
 or
 Click Edit and then Paste.
  
<h3>
Moving Data</h3>

Get your cursor over the highlighted Data (a little hand should appear) and press the select button, only release this when your at your destination.
 or
 Highlight the Data you want to move and then either click the Cut icon or Edit then Cut, then move the screen cursor to the new destination and either click the Paste icon or Edit then Paste.
  
<h3>
Deleting Data</h3>

Highlight the Data you want to Delete and
then either
 click the Cut icon
 or
 Edit then Cut
 or
 Edit then Delete
 or
 hit Delete key
<h3>
Short Cut Keys</h3>

<table BORDER=0 CELLSPACING=7 WIDTH="90%" >
<tr>
<td>
<div align=right>Command </div>
</td>

<tr>
<td>
<div align=right>Select all</div>
</td>

<tr>
<td>
<div align=right>Copy selected</div>
</td>

<tr>
<td>
<div align=right>Copy to clipboard</div>
</td>

<td>Ctrl + Insert</td>
</tr>

<tr>
<td>
<div align=right>Paste</div>
</td>

<tr>
<td>
<div align=right>Paste from clipboard</div>
</td>

<td VALIGN=CENTER>Up Arrow + Insert</td>
</tr>

<tr VALIGN=CENTER>
<td>
<div align=right>Capture Active Window</div>
</td>

<td>Alt + PrtScn (Print Screen Button)</td>
</tr>

<tr>
<td>
<div align=right>Capture Screen</div>
</td>

<td>Ctrl + PrtScn (Print Screen Button)</td>
</tr>

<tr>
<td>
<div align=right>Swap Active App</div>
</td>

<tr>
<td>
<div align=right>Cycle thro Open Apps</div>
</td>

<tr>
<td>
<div align=right>Close Windows</div>
</td>

<tr>
<td>
<div align=right>Closes App</div>
</td>

<tr>
<td>
<div align=right>View Source Code</div>
</td>

If you're 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, as, if you get problems you can look at the source code (right button on most Browsers or "view" then "source code" or "Ctrl+U") and see where it's gone wrong.
     What you see below are some typical lines of text as seen as source code or as it is 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:-
The first line is should be one of these
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
 which is code for HTML 4.0 Strict
 Use this when you want really clean markup, free of presentational clutter. Use this together with Cascading Style Sheets.
The one I use most is
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 HTML 4.0 Transitional
 Use this when you need to take advantage of HTML's presentational features because many of your readers don't have the latest browsers that understand Cascading Style Sheets.
And Finally
 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
 HTML 4.0 Frameset
 Use this when you want to use HTML Frames to partition the browser window into two or more frames.
Content providers can use this service to validate their Web pages against the HTML 4.0 Recommendation, thereby ensuring the maximum possible audience for their Web pages. In addition, it can be used to check conformance against previous versions of HTML, including the W3C Recommendation for HTML 3.2 and the IETF HTML 2.0 standard.
 But if you put nothing it will still work.
 <HTML> This tells your system it's dealing with a html file, you should also note that the last command is </HTML> from this you should be able to work out that most commands are switched off with / command as in <TITLE>Start Up Html Pages</TITLE>
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
 <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.8 [en] (Windows
NT 5.0; U) [Netscape]">
 <meta name="Description" content="Html source codes for simple folk like myself">
 <meta name="KeyWords" content="html, java, script, meta, simple">
 <link rel="shortcut icon" href="favicon.ico">
 <title>Start Up Html Pages</title>
 </head>
 <body text="#000000" bgcolor="#FFFFCC" link="#0000EE" vlink="#551A8B" alink="#FF0000">
  
<HEAD> this section down to </HEAD> contains info about the creator of the page, system used and page title, see also <a href="#Content">content</a> for now the important one is <TITLE>Start Up Html Pages</TITLE> if you check the top line of your screen whatever is inbetween <TITLE> and </TITLE> will be displayed up there.
 Meta names are basically boxes and the content is what
you're storing there.
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> this is the character set you have available for you to use.
<h3>
Meta Names</h3>

<p"Author" that's you

"GENERATOR" that the html editor you're using.
 "Description" what your site is about
 "KeyWords" Words that have a connection with your site
 see <a href="content.htm">Contents and Keywords</a>
 <link rel="shortcut icon" href="favicon.ico"> if you create an icon 64x64, 48x48, 32x32 or 16x16 and convert it to a favicon.ico you can display it in the page tab of your browser. Check out favicon.ico on the internet there are loads of sites that will convert your image to a favicon.ico. You can also create an animated favicon.ico. (see http://www.favicon.cc/ you can import yours or draw a new one from scratch)
The defaults for text size/alignment is 0 or 12 point, left justified. So to change this you'd have to use
 <CENTER>Html Startup</CENTER>
 which in this case is 3 sizes up and centre justified for my title.
     You may notice, reading the source code  &lt;  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.
 <BODY> - This is where your displayed page starts
 </BODY> - This is where your displayed page ends
 <body text="#000000" bgcolor="#FFFFCC" link="#0000EE"
vlink="#551A8B" alink="#FF0000">
 Body - starts the Display area
 text="#000000" - this is the default text colour
 If you change this because you have background picture/image be sure to change the back ground colour so that if the image doesn't load viewers can still read the text.
 bgcolor="#FFFFCC" - this is the back ground colour
 link="#0000EE" - the colour for any unused link.
 vlink="#551A8B" - the colour for any link you've visited.
 alink="#FF0000" - the colour for any link you've activated.
 background="file:///C|/html/background.gif"- This allows you to put a picture in the background. Be careful this can make your site unreadable.
Audio Video Files
 <BGSOUND SRC="music.mid" LOOP=2> by putting this command after <body> you can get a midi file to play in this case it will loop 2 times. This only works in IE.
 <EMBED SRC="sound.wav"> you can add a .wav file like this and it should display sound controls (stop, play, and start). Seems to work with most Browsers but IE needed plugin.
 <EMBED SRC=”movie.avi” > you can add a .avi file like this and it should display video controls (stop, play, and start). Seems to work with IE but most Browsers but needed plugin.
 you can add HEIGHT=number of pixels WIDTH=number of pixels to determine the size it's show at.
 <EMBED SRC=”movie.avi” AUTOSTART=TRUE> starts as soon as it dowloads
  
</blockquote>

</body>

</html>

Command	Keys
Select all	Ctrl + A
Copy selected	Ctrl + C
Copy to clipboard	Ctrl + Insert
Cut	Ctrl + X
Paste	Ctrl + V
Paste from clipboard	Up Arrow + Insert
Capture Active Window	Alt + PrtScn (Print Screen Button)
Capture Screen	Ctrl + PrtScn (Print Screen Button)
Swap Active App	Alt + Tab
Cycle thro Open Apps	Ctrl + Tab
Close Windows	Alt + F4
Closes App	Ctrl + F4
View Source Code	Ctrl + U