HTML Kit

[Lorraine]

Hi  :hi Gail and Réjean,

What is a HTML Kit, is it a program you have to download??

And you can copy your codes into it, and it will give you information about what's wrong with the code??

Hmmmm, very interesting    

[Réjean]

Hi Lorraine!
Yes it is a program you can download Here:
Then you just highlight your whole code open HTML kit paste your code and click on a button and it tells you had the bottom what are or if you have errors and it gives you warnings.
Give it a try! It takes a little while to download on a dial-up connection but it is worth it! I am very thankful to Gail for having suggested it to me I used to check my code with Cute HTML but it was a trial version and it had expired.
Réjean

[Gail]

Hi Lorraine,

HTML Kit was recommended to me by a lady who taught HTML and web design for awhile. It is a full featured web development tool - it has HTML Tidy - a program that checks your code (validates) and corrects it. HTML Tidy is likely the most popular HTML validator and was written by a chap by the name of Dave Raggett who is a big part of WWW3.org. This is the organization that is responsible for setting the standards of the web. HTML Kit also has a CSS validator.

This program has a lot which I have not used. I write my own code and then check it with HTML Tidy. I will put a screen shot in here. The screen on the left is the code that I wrote and the screen on the right is the same code but it has been corrected if necessary. (The 2 screens in this shot are the same as I validated all my web pages before I uploaded them to the server.) You can then have HTML Tidy automatically (within reason) copy the correct code to your file and then you save it as usual. I say within reason - sometimes the program may not know what you want. For example, you may have forgotten to add the "table summary" attribute to a table. Obviously, the program would not know what your table is about - you would have to add this yourself.

Anyway, HTML Kit is very handy to have (and FREE). Here is a screen shot.



This shot doesn't show all the screen - at the bottom, you would see the number of errors, warnings, and what they are. You would correct one or two at a time and then re-validate.

Gail

[Gail]

Hi Again Lorraine,

I intended to add - I don't bother with copy and paste. You can simply click on File and Open - navigate to where you have the HTML file saved on your computer. Select the file to open and HTML Tidy will open it for you. If you are interested in downloading this program Lorraine, we can help you get started. Sometimes one can sit and look at the code for quite awhile and not see the error (often something simple like a spelling mistake i.e. scr instead of src); HTML Tidy will point this out to you.

Réjean - I'm kind of lost here again - what else is new!! :lol What exactly is not working?

Gail

[Lorraine]

Thanks Réjean, and Gail,

I think I'll just get that handy program Tomorrow

Gail...I see where HTML kit, put all the codes together, with no spaces inbetween lines. Is that the way a code page should look?

There is something I have been wanting to know. Why are JavaScript codes angle way to the right, than angle way to the left. and back again??  I know why JavaScript codes, has to continue in one streight line, but why the sharp angles?

There sure ia a lot to learn.  



 

[Lorraine]

Gail, and Réjean

I downloades HTML Tidy, and I put a copy of a code in the left screen, and and had it check the code, and the bottom, it gave me 1 error, 9 warnings, and 4 others.

How do I get it to correct the code and put it on the right screen??

BOY!!! there sure is a lot you can do in this program...so for now, I'm only going to copy and past codes there.

Don't want to click on the wrong button  :eeek

Thank you, it looks like a neat program.  

[Réjean]

Hi Lorraine!
If you look at the very bottom (below were they told you you had 1 error) you can see each line being analyzed that has either a warning or an error and what the problem is.                  
See if you can do what they suggest.  At the very least correct where your error is (or in my case, often, where my errors are) and get the code working, until your page is working (at least the way you want it to) and only after that make the code perfect.
Réjean  :cheek  

[Gail]

Hi Lorraine,

Correct the error first and then re-validate the HTML. Now the HTML will show in the right "window" as well (if there are no errors) - hopefully it will show 0 errors and 9 warnings.

Right click inside right window and choose "Copy Output to Editor", or go to the Edit menu and choose same. The tidied version will now show in the left window (which is actually your file) also. Preview the code in your web browser; if everything looks okay you can save the file. You can re-validate just to make sure the code is correct.

Note: You may still have to correct any warnings that HTML Tidy could not correct because the program would not know what you are trying to do.

HTH

Gail



 

[Lorraine]

Well, I got it down to ...3 others  

Not sure what the first one means, the second one I know, the third one wants me to use CSS to reduce the the size. The code is below the Comments...And I did a screen shot, below that...Not knowing much about CSS, I wouldn't know where to put it in the code. I'm going to take it over and practice in Tom's builder site  

<!--
"Comment", "1",Document appears to be HTML 4.01 Transitional. Doctype given is "-//W3C//DTD HTML 4.01 Transitional//EN""

"Comment", "2",No warnings or errors were found."

"Comment", "3","You are recommended to use CSS to specify the font and properties such as its size and color. This will reduce the size of HTML files and make them easier to maintain compared with using <FONT> elements."
-->


<center style=""><big><big style=
"font-family: parkavenue bt; font-weight: bold; font-style: italic;">
<font color="#CC6600"><font size="+3"><big><big><span style=
"color: rgb(51, 102, 102);"><br>
The Frank Family Treasures<br>
</span></big></big></font></font></big></big></center>
<br>

[Gail]

Hi Lorraine,

Congratulations,

You have no errors or warnings and that is what you want. You will always have 2 others: the first 2 comments that you have.

The first comment is simply telling you the DOCTYPYE appears to be HTML 4.01 Transitional and this is what you stated at the beginning of your document. There are other DOCTYPES Lorraine - strict, frameset, etc.

The second  comment is self explanatory.

The third comment is suggesting you use CSS (Cascading Style Sheets) to layout your pages - the push is for web pages to be written with CSS. Some of the HTML tags are being phased out - this is the future of the web.

You can leave your document as is for now - there is nothing wrong with the code. You may want to have a look at CSS in the future - have a look at the style sheet I did. There is a copy on the forum here. When you do an external style sheet, you simply put in your HTML document:

<link rel="stylesheet" type="text/css" href="styles.css">

This is telling the browser to look at the stylesheet that has the name styles.css - this will show which font to display, font colour, margins, etc.

Gail

 

[Richard]

From where does one find "HTML Tidy"? I have HTML Kit downloaded.

[Gail]

Hi Richard,

First, I was going to put a post here somewhere and tell you how much I like your "Edwardsville" sign on your Home Page - it looks good.

Re HTML Tidy: You can find it two ways that I know of:

1. Click on "Actions" - "Tools" - " HTML Tidy" and "Invoke HTML Tidy"

                                          or

2. Along the top, you will see the actions bar, the first tab is "Tools" and below that is a picture of a red broom - at least that is what it looks like to me! Click on the red broom and this will also start HTML Tidy. Richard, if this bar is not showing - click on View and Current View and choose "Standard View".

Gail
 

[Richard]

Thanks, Gail for both the compliment on my town sign as well as the information.

Kinda proud of our little town of about 4500 people on the outskirts of the Kansas City Metropolitan area to the west in Wyandotte, County, Kansas. Just across from the north city limits lies Interstate 70 and just north of that is the Kansas Speedway, a NASCAR track. We've been here since Sept. 1982 when I was transferred here. I retired in 1986 and liked the area so much we just stayed.
We have a small indistrial park that is growing and several housingf tracts under development.