HTML Code Tutorial
Using an HTML Editor
(For best viewing maximize browser)
Conventional HTML editors can make the process of building websites very easy.
Most of the good ones offer features that allow you to click a button to add a line of code to the page. They also offer built in page previewing options.
These 2 features alone will save you hours and simplify the process of building your website.
Many good conventional editors now offer predesigned templates for starting new pages.
Since most HTML editors operate the same, we'll demonstrate a few of the features of the popular NoteTab Light, which you'll find in our Free Website Builders Section.
The screenshot below shows a typical set up of the NoteTab Light editor.
The left column contains a list of common HTML code selections which were displayed by clicking HTML in the drop down box at the top of the column.
Enlarged:

The tab in the upper left corner which reads NoName01.html tells us that there is an active page in the editor window ready for coding.
To add the code for a basic HTML page double click New Web Page under HTML Template in the code column.
Contents
HomeIntroduction
Page Structure
Basic HTML PageDoctype
The Body Tag
The Division Tag
The ID Attribute
Float Property
Navigation
Anchor TagAnchor Tag - Intradocument
Anchor Tag - Image
Text Controls
Style SheetsWorking With Fonts
The Header Tag
The Paragraph Tag
Paragraphs-Images
Using Lists
The Pre Tag
Line Break Tag
Tables
Basics of TablesColspan
Forms
Form BasicsCheck Boxes
Text Boxes
Selection Boxes
Frames
Basic FramesTarget and Scrolling
Search Engines
Miscellaneous
Meta TagsUsing Borders
Horizontal Rule
Buttons with CSS
Using Color
Color Chart
Using Images
Using Templates
Uploading HTML pages.
HTML-CSS Quizzes

