Lipstick's Lounge banner

HTML CODE EXAMPLES

PAGE 1

If the coding is in pairs, place the first code of the pair (the opening code) in front of the text to be affected and the second code of the pair (the closing code including /) after the text to be affected.

When using multiple codes, close them in the reverse order that they were opened. (For example: open ABCD; close DCBA)

Text appearing in blue is an example or indicates where you need to enter your own specific information.

You may copy and paste any of these codes you want.

ALT CODES
alt="name of image"

Place before closing > of your graphics code. Text in " " will show up in the image block when loading or when cursor is over the loaded image.

BLINK
<blink></blink> - Makes text blink if viewer is using Netscape.

BLOCKQUOTE
<blockquote></blockquote> - Indents text from both sides; can be used in multiples.

BOLD
<bold></bold> OR <b></b> - Makes text appear bold.

BORDERS
Keep Text Off

<table width=70% align=right><tr><td> - Place after link color codes.

</td></tr></table> - Place just before the ending body and html codes at the end of the page.

These codes will keep graphics and text from overlapping a border. Change the percentage depending on the width of the border. Smaller border width needs larger percentage since the pecentage applies to the rest of the page.

BORDERS

Keep Stationary

bgproperties="fixed"

Place after border code before closing >. Will keep border stationary as the rest of the page scrolls.

CENTER
<center></center> - Centers the text or image.

FONTS
<font color="#006633"></font>

Determines color of text. If another specific color isn't indicated for sections of the text, it will appear in whatever color number was coded in the opening body codes at the top of the page.

Go to the COLOR CODE CHART for the color numbers.
<font family="font name"></font>

Determines the font of the text. If a specific font is coded and the viewer doesn't have that font loaded on his computer, the page as he's viewing it will use his default font. This may change the look of your page, so it's actually better not to code in a font family but to leave the fancy fonts for graphics.
<font size="#3"></font>

Determines size of the text. The larger the number in " ", the larger the text size.
NOTE: Although opening font codes require specific information such as size or color, closing font codes require only the word "font".

FRAMES
Break Out

<a href="http://yourwebsite.html" target=_blank">Click here to break out of frames.</a>

Allows a visitor to your site to break out of someone else's frames.

NEW

HIGHLIGHT
Text Background

<span style="background-color:color name or number>Text goes here.</span>

Wow, that's yellow!

IMAGES
<img src="your image URL" width="width of image" height="height of image">

Adds an image to your page and gives it dimensions. Including the dimensions in image coding will allow the page to load faster. If you're using coded dimensions to change the size of an image, be sure to maintain the aspect ratio of the dimensions.

ITALICS
<i></i> - Makes text appear in italics.

LINES

Horizontal

<hr align=left, center or right width=desired line width color="# desired color number">

Creates a horizontal line. If no alignment is included, it will align to the left.

LINKS
TO WEBSITE

<a href="Destination Website URL">Click Here</a>

Uses text to create a link to a website.
<a href="Destination Website URL"><img src="Your Image Code" width="width of image" height="height of image"></a>
Uses an image to create a link to a website.
border=0 - Place before ending > to keep from having a border around the image used as a link.

TO SOUND FILE

<a href="Destination Sound File URL">Song Title</a>
Uses text to create a link to a sound file.
To Specific Spot on Page

<a href="#buttons">click here</a>
Name the destination--buttons in this example--and place this code at the link spot.
<a name="buttons"> </a>
Place this code just before the destination spot. Be sure to include the space between the opening and closing codes.
LISTS
BASIC LIST CODES

<ol></ol> - Opens and close a numbered list - indented items
<ul></ul> - Opens and closes a bulletted list - indented items
<dl></dl> - Opens and closes a bulletted list - nonindented items

BASIC ITEM CODES

<li> - Precedes an item in the list & generates the number or bullet
<lo> - Precedes an item in the list & deletes the number or bullet

MUSIC
<EMBED SRC="Song File URL">
Can be heard by site visitors using the Internet Explorer browser.
<BG SOUND SRC="Song File URL">
Can be heard by site visitors using the Netscape browser.
Use both codes to allow guests using either brower to hear your music.

autostart=true - Place before closing >; makes sound start automatically upon download of page.

hidden=true - Place before closing >; hides music player.

loop=true - Place before closing >; makes sound file continue to repeat.

[Page 1] [Page 2]


BACK TO Tips and Tricks




Mail




VISIT LIPSTICK'S WEB GROUP

Lipstick's Lounge Ladies' Lounge Holiday House It's a Colorful Life LipLines 
Graphix LipLines Web Design

Cat Fud for the Soul




LipLines Graphix banner

Tips and Tricks is the sole creation and property of LipLines Graphix. Except for those items specifically indicated as for your use, please don't use graphics or reprint articles without written permission. Thank you.
©2007 LipLines Graphix all rights reserved