Now that you have experienced hand coding, you should be better able to appreciate the joys of using a WYSIWYG (What You See Is What You Get) editor for HTML.
With most WYSIWYG editors you can:
Use buttons and key combos to apply HTML tags to selected text.
See the results of your changes as you work in a WYSIWYG view.
Switch to source code view to hand edit code when necessary.
Insert images from a menu, toolbar button, or drag-and-drop.
Insert a table or additional rows or columns with a dialog or menu.
Apply formatting to selected text or object from a toolbar, drop list, or dialog.
Apply CSS by choosing from a list of properties and allowed values.
The text area below is actually a basic WYSIWYG editor for HTML. Formatting buttons appear when you click inside the text area. You apply HTML tags by first selecting text and then clicking one of the buttons. In the source code view, the code is in a continuous line that wraps, instead of being on separate lines for easy reading. Sometimes the formatting is NOT applied with styles but with the old FONT tags.
Select first: Be sure to select text before clicking a button to apply a tag! If the display goes crazy, refresh the browser window and start over.
Use the bottom left button to switch between WYSIWYG Mode (where you
can see the effect of your tags) and the source code. The label on the button changes
to the mode your are not in.
Type several lines of text. Include your name in the first
Use the ENTER key on your keyboard to start a new paragraph.
Use SHIFT + ENTER to create a line break.
Play with the various buttons until you understand what each of them does.
Apply at least two heading styles and two formatting choices to text that you select.
Look at your lines in both WYSIWYG and Source modes.
View the source and add color to
some text by typing in a STYLE attribute,
like <span style="color:red;"> text to be red </span>
or <span style="color:#00cc00;"> text to be green </span>
Of course, you can pick your own text and colors.
Switch back to WYSIWYG mode.
TO SHOW YOUR INSTRUCTOR YOU DID THIS:
Switch to show the source code in the editor.
Print again using the Print button in the editor, not the browser.
What advantages and disadvantages did the simple WYSIWYG editor above have over writing
your own source code in Notepad? Click the button to see what I think! Did
you come up with the same ideas?
There are many good HTML editors. To choose the right editor for you, you must have an idea of what you will be doing with it.
a simple web site just a few pages?
a complex site with many pages?
just plain HTML?
Cascading Style Sheets, advanced DHTML, or scripts?
What kind of web server will host your pages?
Some advanced features require special software on the web server. Often the same features can be created with scripts, if your web server allows them.
You do have to pay for what you get sometimes. But then again, perhaps you don't need a lot of power. You decide!