Basic HTML Tags

All HTML documents should contain the following tags:

Document Type <HTML></HTML> (beginning and end of file)
Header <HEAD></HEAD> (after the HTML tag, but before the BODY tags, includes descriptive info, such as title)
Title <TITLE></TITLE> (must be in header)
Body <BODY></BODY> (after the HEAD tags, bulk of the page)

When you create a new HTML document with CuteFTP's HTML Editor, it uses the default HTML template. You can change the attributes as you see fit.

The HTML Editor toolbar allows you to insert basic HTML tags into your page, without any prior knowledge of HTML code.

To format text

Select the text you want to format, then do one of the following:
- To bold the text, click the Bold icon .
- To italicize the text, click the Italic icon .
- To underline the text, click the Underline icon .
- To format the font face, size, and color, click the Font icon . In the Font tag dialog box, click the down arrow to specify the Font (e.g., Arial), Color (e.g., Red), and Size (e.g., 1). As a base font size for a document, 1em (or 100%) is equivalent to setting the font size to the user's preference. Avoid sizes in em smaller than 1em for text body, except for copyright statements or other kinds of "fine print." Do not specify the font size in pt, or other absolute length units. They do not appear the same on all computers and cannot be resized by the browser.

To insert a table

Click the Table icon then on the graphic that appears, use your cursor to highlight the number of rows and columns you want. When you click the selection, the table tags appear in your document. Type the content for each cell between the tags. (Tip: Click the Browser icon to preview how the table will look.) You can even insert images into the table.

To insert an image

Click the Image icon . The Image tag dialog box appears.
Specify the location of the image, then click OK.

The steps above are sufficient to insert an image; however, you can experiment with the advanced settings when you are comfortable in HTML. Regarding the Width and Height boxes, it is better for page loading if you size the graphic itself properly in your graphics editor, rather than adjusting the size with Width and Height attributes. Inserting a huge graphic and then downsizing it with the Width and Height attributes will cause your page to load very slowly (and your viewers to leave your Web site!).

To insert an anchor

An anchor is used to link to a specific spot within Web page. For information about the HREF (Anchor) tag, refer to http://www.w3schools.com/tags/tag_a.asp.

Click the Anchor icon . The Anchor tag dialog box appears.
In the HREF box, type the URL (e.g., http://www.globalscape.com ).
In the Target box, click an attribute:

- _blank - the target URL opens in a new window
- _self - the target URL opens in the same window
- _parent - the target URL opens in the parent frame
- _top - the target URL opens in the full body of the window

To insert a comment

Comments are used to notate your code to remind yourself why you inserted a particular element, or for team members editing the same documents.

Click the Comment icon . The Comment tags are inserted into the document. Type your comment between .