Insert (HTML Tags)

 

Libraries
From the menu go to: View >Libraries Window

Library gives you access to exhaustive HTML3.2, HTML4.1, CSS1, CSS2 and PHP4 tags and functions.

To insert: Place your cursor in your document at the desired point of insertion. Double click your selection from the library window.

NOTE: In the case of HTML tags you can also highlight a word or paragraph and double click your tag selection from the Library window. Alleycode returns the highlighted area contained within the selected opening and closing HTML tags.

 

HTML Font Styles
From the menu go to: Insert > HTMLTags > Font Sets.
Insert Hint: For non-existing text you can insert any HTML tags at the cursor location. For existing text, highlight the desired text and then insert selected tag (HTML 3.2 only).

NOTE: The font element was deprecated in HTML 4.01. Use styles (instead of the <font> tag) to define the font face, font size, and font color of text.

Alleycode displays a drop box with the following options:

Set HTML 3.2:
Use if designing or updating HTML 3.2 code.
input: <font face="" size="" color=""></font>
NOTE: The <font> tag in HTML4.0 is deprecated. It is supposed to be removed in a future version of HTML. Even if a lot of people are using it, you should try to avoid it, and use styles instead.

Set HTML 4.0:
Use if designing or updating HTML 4.0 code.
NOTE: Set HTML 4.0 is an Inline Style which defines the font face, font size, and font color of text. Place you cursor in selected tag prior to inserting Inline Style.
input: style="font-family:; font-size:; color:;"

Drop down combination box displays the following:
Font Family:
Displays available fonts on your system. Valid for both HTML3.2 and HTML4.0. Place you cursor at either font face=| or style=font-family:|; . Select your font to insert.

Font Size 3.2:
Use with Set HTML 3.2. Defines font sizes from 2- 6. Place you cursor at size=|. Select value to insert.

Font Size 4.0:
Use with Set HTML 4.0. Defines font size in percentage. Place your cursor at font-size:|; Select value to insert.

 

Break Tag
From the menu go to: Insert > HTMLTags > Break.
Insert Hint: For non-existing text you can insert any HTML tags at the cursor location. For existing text, highlight the desired text and then insert selected tag.

The <br> tag inserts a single line break.

Example:This text contains <br> a line break

Results:
This text contains
a line break

Note: Use the
tag to enter blank lines, not to separate paragraphs.

Keyboard shortcut: Ctrl+Enter

 

Div Tag
From the menu go to: Insert > HTMLTags > Div.
Insert Hint: For non-existing text you can insert any HTML tags at the cursor location. For existing text, highlight the desired text and then insert selected tag.

The <div> tag defines a division/section in a document.

Note: Browsers usually place a line break before and after the div element.

 

Span Tag
From the menu go to: Insert > HTMLTags > Span.
Insert Hint: For non-existing text you can insert any HTML tags at the cursor location. For existing text, highlight the desired text and then insert selected tag.

The <span> tag is used to group inline-elements in a document.

Note: Use the <span> tag to group inline-elements to format them with styles.

 

Bold tag
From the menu go to: Insert > HTMLTags > Bold.
Insert Hint: For non-existing text you can insert any HTML tags at the cursor location. For existing text, highlight the desired text and then insert selected tag.

Converts enclosed content to bold

Example:<b>Some text</b>

Results: Some text

Keyboard shortcut: Ctrl+B

 

Italic Tag
From the menu go to: Insert > HTMLTags > Italic.
Insert Hint: For non-existing text you can insert any HTML tags at the cursor location. For existing text, highlight the desired text and then insert selected tag.

Converts selected text to italic.

Example: <i>Some Text</i>

Results: Some Text

 

Paragraph Tag
From the menu go to: Insert > HTMLTags > Paragraph.
Insert Hint: For non-existing text you can insert any HTML tags at the cursor location. For existing text, highlight the desired text and then insert selected tag.

The <p> tag defines a paragraph.

 

Comment Tag

From the menu go to: Insert > HTMLTags > Comment.
Insert Hint: For non-existing text you can insert any HTML tags at the cursor location. For existing text, highlight the desired text and then insert selected tag.

The comment tag is used to insert a comment in the source code. A comment will be ignored by the browser. You can use comments to explain your code, which can help you when you edit the source code at a later date.

You can also store program-specific information inside comments. In this case they will not be visible for the user, but they are still available to the program. A good practice is to comment the text inside the script and style elements to prevent older browsers, that do not support scripting or styles, from showing it as plain text.

<!-- This text is a comment -->

 

Horizontal Alignment
From the menu go to: Insert > HTMLTags > Horizontal Alignment > Left
Center
Right

 

Horizontal attributes can be inserted in most data tags for positioning.

Example:

<p align="center">I am the center</p>

Result:

 

I am the center

 

Anchor Hyperlink
From the menu go to: Insert > HTML Tags > Hyperlink...

Use Hyperlink to connect your document either locally or externally.

Content:
Highlight existing text you wish to link. If no text exists, enter desired link name in content field. The link will then be inserted at your cursor position.

Route:
Direct (default): Direct link to another document (../website/page.html).
World Wide Web: Link to an HTTP address (http://www.domain.com/).
Email Address: Link to an e-mail address (mailto:email@address.com).
FTP Server: Link to an FTP address (ftp://username:password@ftp.domain.com/).
Newsgroup:Link to a newsgroup (news:alt.groupname).
View Source: Link to an HTTP address and view it's source in default text editor (view-source:http://www.domain.com/).

Target:
_blank loads the linked document in a new, unnamed browser window.
_self loads the linked document in the same frame or window as the link. This target is the default, so you usually don't have to specify it.
_parent loads the linked document in the parent frame or parent window of the frame that contains the link. If the frame containing the link is not nested, then the linked document loads in the full browser window.
_top loads the linked document in the full browser window, thereby removing all frames.

Link:
Enter the access path and the file name. You can also search for the file in your folders by using the Open button.

Click Insert to insert into your document.

Example:
if:
Content = Alleycode
Route = World Wide Web
Target = _blank
Link = (http://)www.alleycode.com

Displays: <a href="http://www.alleycode.com" target="_blank">Alleycode</a>